I am using the very cool jQuery Vertical Accordion Menu plugin. It seems to be working great. My issue is on the Services link, when you click to open the menu, it expands to show more links just like I want.
While my mouse is hovering over this group of links, all is well. If I move my mouse away, (the non hover), the menu snaps back to a very ugly green background with white link regions. I cannot figure out how to target this to style correctly
The plugin you are using for your navbar is pretty awful if you want my opinion. It uses extra and unrequired elements, it overrides many times its own CSS...
But if you want to stick with it, your problem relies on the selectors. When you want to target the main elements from your menu and ONLY the main elements, you want to use something like this :
.menu > li
If you want to target elements from a submenu, you can use something like this :
.menu > li li
And if you want to target every elements from your whole menu :
I am using the very cool jQuery Vertical Accordion Menu plugin. It seems to be working great. My issue is on the Services link, when you click to open the menu, it expands to show more links just like I want.
While my mouse is hovering over this group of links, all is well. If I move my mouse away, (the non hover), the menu snaps back to a very ugly green background with white link regions. I cannot figure out how to target this to style correctly
Thank you for looking.
mark
:focuspseudo class the same as your:hoverBut if you want to stick with it, your problem relies on the selectors. When you want to target the main elements from your menu and ONLY the main elements, you want to use something like this :
If you want to target elements from a submenu, you can use something like this :
And if you want to target every elements from your whole menu :