...

View Full Version : CSS3 Dropdown Menu ON state



andwfara1
11-14-2012, 09:41 PM
I'm trying to make it so my dropdown menu, when it drops; that the tab that the drop is under, stays highlighted when hovering over the drop items. Currently when you mouse off of it the tab disappears yet the dropdown menu is still visible.

see here - http://webbetasite.com/family - under the SERVICES tab.

Thanks for your help in advance!

aaronhockey_09
11-15-2012, 02:03 AM
Instead of changing the <a> tag on hover -
Change the <a> tag when you hover over the LI

Change this


#header-container #header-content .top-nav ul.menu li.menu-item a:hover

to this


#header-container #header-content .top-nav ul.menu li.menu-item:hover a

Then it should stay on while the dropdown is on as well.

andwfara1
11-15-2012, 03:00 PM
Thanks Aaron - required a little tweaking after to make sure the rounded corners didn't show up in the sub-menu - but it worked! thanks a bunch.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum