Archived

This topic is now archived and is closed to further replies.

  • 0

Changing menu color when dropdown is active

Question

Posted · Report post

Greetings,I am a new Platform Pro user. I have a small issue with changing colors in the menu. When I mouse over the top level menu item, the color displays fine. When I move down to the dropdown items, the color of the top level menu item turns grey. See pic:pp_menu_color.jpg. Any help will be greatly appreciated, thanks!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi Bryan, Thanks for the link, but I am still getting the gray'ish background once I move down to the sub-menu. Here's my code:

#primary-nav .main-nav li a:hover{
					background: #CACDBC;
				}
					.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: #E2E4D8;
						background:none repeat scroll 0 0 #E2E4D8;
					}

Here's the link to the site... Under 'Ladie's Necklaces' there is a test sub-menu item for testing purposes. Cheers, Henning

Share this post


Link to post
Share on other sites

Posted · Report post

Hi again Brian, Got it sorted - I changed this in superfish.css (see bold):

.sf-menu li:hover, .sf-menu li.sfHover{
		background:		[b]#E2E4D8[/b];

Cheers, Henning

Share this post


Link to post
Share on other sites