Jump to content


Photo
- - - - -

Vertical Nav Customizations


  • Please log in to reply
5 replies to this topic

#1 itscoolitsokay

itscoolitsokay

    Member

  • Members

  • 10 posts
  • Country: Country Flag

Posted 06 May 2013 - 01:58 PM

Hey guys,

 

I'm putting together this site -

Please Login or Register to see this Hidden Content

- 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 -

Please Login or Register to see this Hidden Content

 

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



#2 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2376 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 06 May 2013 - 02:00 PM

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 - 

Please Login or Register to see this Hidden Content



#3 itscoolitsokay

itscoolitsokay

    Member

  • Members

  • 10 posts
  • Country: Country Flag

Posted 06 May 2013 - 02:28 PM

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.



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 May 2013 - 03:49 PM

Are you having trouble finding the selectors using Firebug?



#5 itscoolitsokay

itscoolitsokay

    Member

  • Members

  • 10 posts
  • Country: Country Flag

Posted 06 May 2013 - 04:33 PM

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

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 May 2013 - 07:28 PM

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:

Please Login or Register to see this Hidden Content

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?