[SOLVED] highlight current menu item w/out highlighting children if parent is selecte

tnandrick · #1 Sep 24, 2011, 12:05 PM

Hi JD --

I've looked over your thread w/the menu cheat sheet (Awesome!)

What I would like to do is have the current menu item selected. My current CSS inserts:

Code:

#menu2 ul.rMenu li a:link, 
#menu2 ul.rMenu li a:visited,  
#menu2 ul.rMenu li a:active, 
#menu2 ul.rMenu li {
	background: #d20909 !important;
	color: #000000 !important;
}

#menu2 ul.rMenu li a:hover,
#menu2 ul.rMenu li.current-menu-item a  {
	background: #aa0707 !important;
	color: #f0f000 !important;
}

Yes, I am using the WP menu system, a mixed bag of categories, pages, and posts within the menu. The current CSS works great for a subpage of a menu item. However, if you select the "top-level/parent" menu item, all subpages are also highlighted. Is there a way around this?

Site: http://bit.ly/oVCv9q
ATA 3.6.7
WP 3.2.1

Thanks in advance