Drop down menu active state

[moggy 0]

HI Im trying to change my navigation to a tabbed effect, I've added a background image which works fine, the only issue is on the dropdowns. If a page is active i have a red tab, this shows fine, but for some reason it also shows on each row of the dropdown under the active tab (doesnt show on non active tab dropdowns) i've narrowed it down to .main-nav li.current-page-ancestor a, .main-nav li.current_page_item a, .main-nav li.current-page-ancestor ul a, .main-nav li.current_page_item ul a { color: #FFFFFF; background-image:url('images/bn-red.png'); background-repeat:no-repeat; } but can't figure out why it still appears on the drop down any help would be appreciated cheers

[cmunns 16]

the dropdown is inheriting this style so you have to be explicit. ` .main-nav li.current-page-ancestor ul.children a, .main-nav li.current_page_item ul.children a, .main-nav li.current-page-ancestor ul.children a, .main-nav li.current_page_item ul.children a { background:none; } ` It's untested, but something like that should work.

[tody 0]

This is for non active tab dropdown

	.main-nav li a:hover,
	.main_nav ul a:hover,
	.main-nav li.current-page-ancestor a:hover,
	.main-nav li.current_page_item a:hover
	{
	background-color:#000;
	

and this is for active

	.main-nav li.current-page-ancestor a,
	.main-nav li.current_page_item a,
	.main-nav li.current-page-ancestor ul a,
	.main-nav li.current_page_item ul a
	{
	background-color:#000;
	}
	

works for me

[catrina 103]

Do you need any further assistance with this?

[moggy 0]

HI It still seems to be bringing in the tab backgroundinto the sub nav on active pages. http://www.justthinkdigital.co.uk/Johnwade/about-us/ any suggestions?

[catrina 103]

I think it's because you're using the selector for the submenu items for the same CSS as the main menu items. This is your current code for active pages:

.main-nav li.current-page-ancestor a,
	.main-nav li.current_page_item a,
	.main-nav li.current-page-ancestor ul a,
	{background-color:#000;}

Delete the selector

.main-nav li.current_page_item ul a

from that code to see if it makes a difference.