[Kaydev]

My Website: http://www.fhastronomy.org/

How can I have the hover color of the main menu go to an inactive state when I hover over a sub-menu item? This is the behavior as seen in your Create Pro theme.

Here is how my submenu item hover looks with the main menu item active which is wrong and confusing to visitors while you hover over a sub-menu item. (Example on my main menu: Join Mailing List)
http://i722.photobucket.com/albums/ww226/kaydevmedia/Support%20Issues/submenu1.jpg

I need my sub-menu hover color to be set so it is active when you hover over it and the main menu item is not active:
http://i722.photobucket.com/albums/ww226/kaydevmedia/Support%20Issues/submenu2.jpg

How can I code this please?

[Sakin]

@Kaydev: There is color options in “Appearance => Customize => Color Options => Primary Menu Color Options”. There you can change Menu, Hover/Active, Sub-menu colors as per your need.

Can you post in your custom css that you have in “Appearance => Customize => Theme Options => Custom CSS Options” box, as I see extra closing bracket } at the end.

Try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

.nav-primary .menu .sub-menu li a:hover,
.nav-primary .menu .sub-menu li a:focus {
	color: #21759b;
}

[Author]

Posts