Archived topic

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

5 replies · Started by emanharout on January 23, 2021

Viewing posts 1–6 of 6

January 23, 2021 at 4:03 pm #1630860

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.

January 23, 2021 at 6:00 pm #1630911

Hi there,

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

Let me know :)

January 29, 2021 at 6:23 pm #1638943

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?

January 30, 2021 at 5:34 am #1639283

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

January 31, 2021 at 8:02 pm #1641044

Thanks, this seems to fix it.

February 1, 2021 at 3:26 am #1641361

Glad to hear that.

This archived topic is closed to new replies.

Start building better websites today.