Archived

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

  • 0

Vertical Nav Customizations

Question

Posted · Report post

Hey guys,

 

I'm putting together this site - http://www.dark-city.co.uk  - of which all I've added thus far is the branding element.

 

I'd like to add a vertical, enlarged Nav like the following site, aligned with my logo/branding - http://www.ondryland.com/

 

I use firebug, and have basic css knowledge so I'm confident I can nail it with a little guidance, any help on how to do this in pagelines is much appreciated.

 

Thank you

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

You could use the Brandnav section and then style the navigation menu with CSS. This should be straight forward enough to achieve. 

 

I recommend using Firebug or your browsers built-in web dev tools and inspect the Fix Navigation element to find the correct code.

 

For assistance visit our custom CSS documentation - http://support.pagelines.me/docs/customization/custom-css/

Share this post


Link to post
Share on other sites

Posted · Report post

Understood. I'm capable of using custom css, and firebug, but for some reason I'm stuck on the specifics and can't figure out what code changes i need to make to be able to alter it. Any guidance appreciated.

Share this post


Link to post
Share on other sites

Posted · Report post

Are you having trouble finding the selectors using Firebug?

Share this post


Link to post
Share on other sites

Posted · Report post

Yep, and more specifically what I need to edit to change the layout from standard horizontal to vertical

Share this post


Link to post
Share on other sites

Posted · Report post

To find the selector with Firebug, you need to select BrandNav and refer to the code that's being highlighted. When I inspect the menu inside BrandNav, I see this line:

<ul id="menu-home" class="main-nav tabbed-list">

The selector, in this case, would be #menu-home and to make it more specific to BrandNav, the selector would be #brandnav #menu-home. Does that make sense?

Share this post


Link to post
Share on other sites