Nav menu hover color

[cshawsub 0]

I'm having difficulty determining how to keep the primary navmenu selected while scrolling down to the secondary navmenu. Here's the problem: www.crenshawsubway.org/home You can select "About" but once you scroll down to "Contact Us" About Us no longer shows as selected.

[cmunns 16]

You have to use the .sfHover selector that is applied to the parent li by the superfish js file. If you share a link I can give you more detail

[cshawsub 0]

I have no idea what that means. Also, which link would you like me to share and how?

[catrina 103]

I think Adam was referring to this link you provided: www.crenshawsubway.org/home What he means is that you need to adjust your CSS so that the "About" link can do what you want it to do (in this case, stay highlighted). Does that make sense?

[cshawsub 0]

Yes. Now how do I adjust my CSS and to what?

[Kate 3]

Something like this should do it:

.sfHover a{background:#8BB026;color:#ffffff !important;}
	.sfHover li a{background-color:#ffffff !important;color:#000000 !important;}
	.sfHover li:hover a{background-color:#8BB026 !important;color:#ffffff !important;}
	

Place that in your Custom Code section...

[cshawsub 0]

It didn't work. Here's what I have now: #primary-nav .texture { background-color: #ffffff; color: #ffffff!important; font-size: 15px; } #primary-nav .sf-menu li { background-color: #ffffff; font-size: 15px; } #primary-nav .sf-menu li a { color: #000000; font-size: 15px; } #primary-nav .sf-menu li a:hover { background-color: #8BB026; color: #ffffff; font-size: 15px; } #primary-nav .sf-menu .current_page_item a { background-color: #8BB026; color: #ffffff !important; font-size: 15px; }

[cmunns 16]

body #primary-nav .sf-menu li.sfHover { background: #8BB026 }