I found a horizontal, linear nav bar that I want to use that’s ALL CSS.
Also, I’d love to integrate WP’s nav classes and ids into it.
My biggest challenge… the ACTIVE STATE OF THE SUB NAV!!!
Here’s a link to the demo:http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.linear.html
My question is, how do I have the sub nav stay "open" when on a sub-page? I know wp automatically throws in a class for the current page, but how do I style it so that way it does this?
Let’s say that you have added a class of "contact" to the body of the contact page. <body class="contact"> and you have added the name of each page that has sub-pages as a class of the <li>’s. Like this:
Add this to your css:
That way your sub-menu will be visible only when you are on the contact page.
Note: I’m not sure if this works in IE7 (I don’t think it does) but I know this doesn’t work in IE6.
Thanks man… I’ll give it a whirl and I WILL reply to let you know if it worked.
Would this work too?
O do you have to use visibility?
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".