Jump to content


Photo
- - - - -

Replace Secondary Nav style with Navbar Style


Best Answer James B , 08 March 2013 - 10:20 PM

Hi Mike,

 

Yes the secondary nav will allow for a different menu to be selected per page. Unfortunately the navbar doesn't work the same as that.

 

You can replicate the design/style of the navbar by applying the css the same css instructions to the secondary nav, but it won't work in the same manner with drop downs etc, just the standard links.

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 miketaylorphoto

miketaylorphoto

    Advanced Member

  • Members

  • 64 posts
  • LocationToronto
  • Framework Version:Developer
  • Country: Country Flag

Posted 08 March 2013 - 04:48 PM

Is it possible to replace Secondary Nav style with Navbar Style, 



#2 catrina

catrina

    Advocate

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

Posted 08 March 2013 - 05:00 PM

Yes, you can replace the secondary nav style with navbar style using CSS. More specifically, using a background color and any other elements you need to customize the secondary nav so it looks similar to navbar. Please see the custom CSS doc here:

Please Login or Register to see this Hidden Content

Here are instructions about the CSS properties you need...

 

You can use a gradient generator to get the code for a gradient (for the background):

Please Login or Register to see this Hidden Content

If you don't want a gradient, you can use a solid background color:

Please Login or Register to see this Hidden Content

(background-color property)

Please see this reference on customizing text links:

Please Login or Register to see this Hidden Content



#3 miketaylorphoto

miketaylorphoto

    Advanced Member

  • Members

  • 64 posts
  • LocationToronto
  • Framework Version:Developer
  • Country: Country Flag

Posted 08 March 2013 - 06:27 PM

Thanks Catrina,

 

I would also like the responsive qualities that are built into the nav bar. the whole point is that i need to have multiple secondary nav menues that are all different. the only way to that on a page by page basis is to use the secondary nav. Just wish the secondary nav could be a navbar. I was hoping I could just copy the navbar section php into the second nav folder along with the navbar jscript file . I wish also that the brandnav had the chice of different navs like the navbar which is responsive



#4 miketaylorphoto

miketaylorphoto

    Advanced Member

  • Members

  • 64 posts
  • LocationToronto
  • Framework Version:Developer
  • Country: Country Flag

Posted 08 March 2013 - 06:56 PM

or can I take the style.less contents from the navbar and put it in the style.less contents of the second nav



#5 catrina

catrina

    Advocate

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

Posted 08 March 2013 - 07:11 PM

i need to have multiple secondary nav menues that are all different

 

By this, do you mean you need each secondary nav menu to look different?

 

As for the style.less contents, you can try to find the style properties for navbar and try to use those, but just apply to the secondary nav by using the secondary nav selector.



#6 miketaylorphoto

miketaylorphoto

    Advanced Member

  • Members

  • 64 posts
  • LocationToronto
  • Framework Version:Developer
  • Country: Country Flag

Posted 08 March 2013 - 07:16 PM

yes i want the secondary nav bar to look and behave like the navbar. I would just use the nav bar and I am now but you can only assign one menu to it. So if you need to have a different secondary menu you have to use the secondary nav. See here

Please Login or Register to see this Hidden Content

 but on the amenities page I want the same set up but with a different secondary menu see attached image to see where you can change the menu 

Attached Files



#7 James B

James B

    Advocate

  • Moderators
  • 4978 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 08 March 2013 - 10:20 PM   Best Answer

Hi Mike,

 

Yes the secondary nav will allow for a different menu to be selected per page. Unfortunately the navbar doesn't work the same as that.

 

You can replicate the design/style of the navbar by applying the css the same css instructions to the secondary nav, but it won't work in the same manner with drop downs etc, just the standard links.



#8 miketaylorphoto

miketaylorphoto

    Advanced Member

  • Members

  • 64 posts
  • LocationToronto
  • Framework Version:Developer
  • Country: Country Flag

Posted 09 March 2013 - 02:18 PM

thats all i need