[Resolved] How to change background of hovered sub-menu items and change font color

[emanharout]

Hi all,

I was wondering what CSS I would need to highlight the background of sub-menu items that are being hovered over. Closely related: I’m also trying to change the font color.

Thank you.

[Leo]

Hi there,

Have you tried the customizer options first?
https://www.screencast.com/t/LsfGNMm5RQ

Let me know 🙂

[emanharout]

Hey, thanks Leo!

Unfortunately I’m also supporting dark mode, which means I can’t really rely on the customizer (I actually just need the CSS selector the customizer uses). Any chance you can help me identify that?

[David]

Hi there,

for the sub-menu:

.main-navigation ul ul

For the individual sub menu item:

.main-navigation .main-nav ul ul li a

And their hover selector:

.main-navigation .main-nav ul ul li:hover > a

[emanharout]

Thanks, this seems to fix it.

[David]

Glad to hear that.

[Author]

Posts