How to add icons on rollover to main menu?

Hi connect4consulting!

Thank you for using Enfold.

This is the css use to change the hover state of the menu:

#nav li#order-a-cake a:hover {
background: url(../images/nav-hover-images/order-a-cake-hover-active.png) no-repeat center;
color: transparent;
}

On Enfold, you can try this:

.header_color .main_menu ul:first-child > #menu-item-13 a:hover {
color: transparent;
background: url(../images/nav-hover-images/order-a-cake-hover-active.png) no-repeat center;
}

The #menu-item-13 part is the id of the menu item “About Us”. Use Chrome Inspector or Firebug to get the other menu item ids.

Best regards,
Ismael

Hey!

You can use Enfold version of the code Gabe.

Cheers!
Yigit