Topic: Icons in Menu | Themeco Community

Tagged: x

Author

Posts
May 16, 2016 at 3:08 pm #994293

rsmith4321
Participant

I was trying to add an envelope icon before the contact menu item on my site https://www.ryansmithphotography.com. I used this format Contact in the Navigation Label box. Nothing shows up, is this correct? Also this method which I found searching the forums is different than what I saw in the changelog so I don’t know which is correct. Thanks.

May 16, 2016 at 4:05 pm #994389
Rahul
Moderator
Hi there,

Thanks for writing in!

If you wish you use icons in your menu items, you will need to use HTML in the menu item’s title field (see: http://prntscr.com/5yz956). So, you can get the name of any icon from this demo (see: http://prntscr.com/5yz9h5) and then you can replace that name with user in the following HTML code and add the updated code before your menu item:
```

```
Hope this helps. 🙂

Thank you.
May 16, 2016 at 8:14 pm #994699

rsmith4321
Participant

That seems to be exactly what I did, I believe  should be valid but the icon doesn’t show up.

May 16, 2016 at 11:23 pm #994911

John Ezra
Member

Hi there,

Thanks for writing in! You can try using the following instead.



Let us know how that goes. Hope this helps – thanks!

May 30, 2016 at 12:54 pm #1016824

rsmith4321
Participant

Should the contents of data-x-icon just be a square? I’ve noticed that wordpress seems to strip out whatever is in data-x-icon.

May 30, 2016 at 1:08 pm #1016847

Joao
Moderator

Hi There,

You can find the codes for every Icon by clicking on the Icons of this page with your right mouse button and inspecting it.

http://theme.co/x/demo/integrity/1/shortcodes/icons/

Hope that helps,

Joao
Author

Posts

<script> jQuery(function($){ $("#no-reply-994293 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>