Hi guys,
Any idea how I can have a menu item that is just an icon?
I’ve tried adding td-icon-only but it doesn’t seem to work.
Here’s a screenshot
Thanks,
Hi,
You have to add the code in Navigation Label, please check this topic – https://forum.tagdiv.com/topic/how-to-add-menu-icons/
Thanks!
Ahh,
I used this code in the Navigation Label and it had the desired effect <i class=”fa fa-home td-only-icon”></i>
Thanks for your help!
I was looking for an alternative for that Font Awesome 4 Menu plugin because you can’t adjust the position of the home icon. It is like its flying or hovering. It isn’t in the middle like other themes that offer icons for the menu. So until they fix that in their plugin. I will never use the plugin or any plugin that does not work right. I tried Menu Icons plugin that works but has an issue of taking away the mega menu feature off the menu settings. So I stopped using that one. It was doing exactly what I wanted but I did not want to have to deactivate the plugin every time I want to adjust the mega menu settings. There really isn’t any other plugin that sets the icon in the middle.
So I am just going to stick with Home for the menu item.
Hi,
@doucare1971 Unfortunately the Menu Icons plugin was not tested with the theme so I cannot make any recommendations regarding this.
The Font Awesome 4 Menu plugin was tested with the theme and it works fine. I guess that you refer to this margin when you say that it isn’t in the middle – http://screencast.com/t/ce1CAHUIOPi This custom css is from the theme and that margin is added to have a little space when also text is added. You can remove this margin via custom css in Theme Panel > Custom Css – http://screencast.com/t/wsh0US3Nm
.sf-menu li .fa {
margin-right: 0 !important;
}
Hope this helps!
