This topic is now archived and is closed to further replies.

  • 0

brand nav and nav classic customization


Posted · Report post

Hi there, I'm trying to customize the two navigation bars (see link below); brand nav and nav classic independently. I want the one below to be much bigger, and the one above a point or so smaller. I also want to center the bigger navigation that is below the brand nav.


Please let me know if it's possible and how if so... I have tried to use firebug to figure out the css without any luck.


Thanks in advance!




Share this post

Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi Michele


Yes it can be done, you can make those alterations and change the alignment but it will have to be done using css.


Have you seen the overview on css inside the framework and the video? If not you can view them here -


In firebug or chrome developer tools you'll need to inspect the element to find out the name of the item you're intending to edit. For example nav classic will be #nav, that will showup in the html code at the bottom of the inspector screen, scroll through the html to find the class/selector which highlights the exact area you're looking to edit, by clicking on that div name for that section you'll see the associated css on the right, which you can edit in firebug and then copy/paste back into pagelines>site options>custom code


An example of editing the menu is included below


.navigation_wrap .main_nav {
    font-size: 12pt;
    height: 31px;
    margin-right: 230px;
    margin-top: 0;
    position: relative;
    text-align: left;
    z-index: 28;

Share this post

Link to post
Share on other sites