Menu Icons

Hey lewiede!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

li#menu-item-755:hover {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-size: contain;
background-repeat: no-repeat;
}

You just need to change menu item id’s. You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

Regards,
Yigit

Hi!

You can use menu item class – http://i.imgur.com/TArOU9D.png
so it would be

li.menu-item-45:hover {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-size: contain;
background-repeat: no-repeat;
}

Best regards,
Yigit

Hi!

Code is currently not being applied. Do you mind creating a temporary admin login and posting it here privately so we can look into it?

Cheers!
Yigit

Hey!

I have applied the code to “Aktuelles” menu item by editing custom css code on top of Quick CSS field.
You have not selected “Enfold main menu” under Menu Settings in Appearance > Menus. I checked that as well. Now you can find menu item ID’s – http://i.imgur.com/HyPTCRg.jpg
Best regards,
Yigit