Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Can I add a menu font to a custom menu link similar to the home page menu font?
I want to add a custom menu link call Services and add a briefcase to the left of it. Can I add that through the menu under appearances or will that be a bit of custom css code?
Thanks for the help and I really like this Vantage theme.
Hi Dave
Right now icons can only be added to menu items via the drop down menu on each page in the right column or in the case of the Home icon, Theme Settings > Navigation.
In the case of a link you’ll need to do it with Custom CSS:
Just swap out “110” for whatever the list item (li) class is of the menu item. Also change #CCCCCC to the color of your icons if they aren’t that color.
Thank you for the help.
Andrew,
The above CSS worked very well, but menu items underneath get to two icons, the suitcase and the one I chose on the page. Is there a way to turn it off so that the sub-menu items only show the menu icon I selected on the page on the right hand column?
Sorry to be such a pest on this.
No problem. Perhaps this?
Ahh no that’s not correct. This works for me now:
If you’re keen to see what’s going on with “>” check out:
http://learn.shayhowe.com/advanced-html-css/complex-selectors/
Section: Direct Child Selector
Perfect! Thanks for the prompt response and yes I am keen to see what’s going on with the “>”. Learned a bunch of new stuff here.
Have good weekend, Andrew.
Super, glad we could help.
You too!
Thank you for your help with this concern. I’m using this edit myself, but I notice that the Font Awesome icon doesn’t appear when viewing the menu from a mobile device. I mean to say that the one menu item which is a link, which I have the custom CSS for, doesn’t have an icon when viewed on a mobile device. On a full desktop browser it works fine.
Is there some extra custom CSS code to enter to ensure the FA icon is displayed when the responsive down-scaling kicks in?
Hi Jeffrey
Please open a new support thread for us with a link to your site and we’ll help out there.
https://siteorigin.com/new-thread/
Thanks
Hi awesome theme I love it, this code does not seem to work anymore. Is there new code to add an icon to a menu link?
Hi tomhow
The easiest way to handle this is to use the following plugin:
https://wordpress.org/plugins/menu-icons/
Hope that helps.
Perfect thanks very much for the info
For sure. Glad that helped.