Jump to content
miketaylorphoto

Replace Secondary Nav style with Navbar Style

Recommended Posts

miketaylorphoto    2
miketaylorphoto

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

Share this post


Link to post
Share on other sites
catrina    103
catrina

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: http://support.pagelines.me/docs/customization/custom-css. 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): http://www.colorzilla.com/gradient-editor/

If you don't want a gradient, you can use a solid background color: http://w3schools.com/css/css_background.asp (background-color property)

Please see this reference on customizing text links: http://w3schools.com/css/css_link.asp


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

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

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

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

Share this post


Link to post
Share on other sites
catrina    103
catrina

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.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

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 http://canyonclubhotel.com/wordpress1/gold-king-suites/ 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 

post-43903-0-84751000-1362770564_thumb.j

Share this post


Link to post
Share on other sites
James B    436
James B

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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

thats all i need

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×