[Resolved] Fonticon Hover Color In Menu

Home Forums Support [Resolved] Fonticon Hover Color In Menu

Home Forums Support Fonticon Hover Color In Menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1667527
    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!

    #1667587
    David
    Staff
    Customer Support

    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.

    #1667596
    Aaron

    Perfect, thank you!

    #1667614
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.