Dropdown menu example effects all autonav blocks not just the one I want

Permalink
Hi,

I used the example athttp://www.concrete5.org/documentation/how-tos/designers/how-to-mak... in the hopes of making the headerNav in my theme a drop down menu. But by including the CSS included all autonav blocks become dropdown menus which effects them negatively. How do I modify the CSS to only effect the nav block I want it to. Alas I'm still new to CSS so the answer has so far escaped me and the ideas I've had and prevented it from effecting any nav blocks not limiting it to just one.

Please any help would be greatly appreciated.

Thanks
Russ

 
tomreitz replied on at Permalink Best Answer Reply
tomreitz
you probably want to make an custom template for the autonav block. check these links to get started:
http://www.concrete5.org/documentation/general-topics/custom-templa...
http://www.concrete5.org/documentation/how-tos/designers/customize-...
russgrue replied on at Permalink Reply
Hi,

I've tried a custom template but you can't include CSS with <style> outside of the header and if I could because the CSS references the class "nav" it will still apply to all nav blocks. I think the solution is to include another class or id in the CSS but I donh't know CSS well enough to do that myself.

Thanks for your suggestion.
Russ
stretchrt replied on at Permalink Reply
stretchrt
In the css at the page you mentioned, replace all instances of "nav" with "nav-header". "nav-header" is the default class applied to header nav elements, so I'm presuming you are using the "header nav" custom template for your header autonav block.