Font awesome icon in menu

KeiSRK

Hi,

how can I add an font awesome icon (for example: "fa fa-angle-right") to a menu?

Cheers

Franz

saguaros

Hi Franz,

Try going to backend settings of a menu item > Zen Menu tab and change the icon as you wish:

KeiSRK

Well,
in Germany we say "I had tomatoes on my eyes!" Thank you very much!
But I have a further question:
How can I display the icon only by mouse-over and when the menu-point is activated?
Perhaps via custom-css?
Thanks
Franz

teitbite

KeiSRK Hi. Try with this code:

.zen-menu-1 > li > a > .fa {
opacity: 0;
}

.zen-menu-1 > li.active > a > .fa,
.zen-menu-1 > li:hover > a > .fa{
opacity: 1;
}

KeiSRK

Thank you very much!
Problem solved!