Archived

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

  • 0

brand nav and nav classic customization


Question

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.

 

http://campmakebelievekids.net

 

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!

 

Michele

 

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 - http://www.pagelines.com/wiki/Custom_CSS

 

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