[Resolved] Fonticon Hover Color In Menu

[Aaron]

Hi! I am using your simple mega menu code to build a mega menu. I added a fonticon to the social media column for Discord. When I hover that menu item, the fonticon color doesn’t change.

I used CSS get the icon to change color on hover, but you have to hover the icon itself and not the menu item.

Do you know how to tell the fonticon to change color based on the menu item being hovered?

Thanks!

[David]

Hi there,

add the Hover to the Menu element not the icon.
For example:

.main-navigation li.mmico4:hover .social-icon {
  color: #000 !important;
}

This will target any Menu element with the mmico4 class for hover, and then apply a style to the child social-icon element.

[Aaron]

Perfect, thank you!

[David]

You’re welcome

[Author]

Posts