Icons in Renew menus not appearing

Support
#1

I’m trying to add icons in the Renew menu from Appearance > Menus. But even when I choose the icons they don’t show up in the navbar. Any suggestions?

#2

Hi There,

You have to copy and paste the icon to Navigation Label field, something likes this:

Home <i class="x-icon x-icon-cloud" data-x-icon="" aria-hidden="true"></i>

You can copy the icon HTML from this link: http://demo.theme.co/integrity-1/shortcodes/icons/

The Icon Primary and Secondary are available for the Pro header builder only.

Regards!

#3

Thanks. What if I want to insert an icon of my own? Also I need to use a navigation label word plus an icon. And when I pull up the HTML for that shortcode page, I can’t seem to find the shortcode items… Is there no other way to find the HTML for these icons?

#4

Hi There,

If you want you can also use an image tag as your label. <img srtc="http://example.com/myicon.png:>

The instructions provided by Thai are how to find the HTML code, if you let us know which specific icons you want to use we can provide the codes for you.

Thank you

#5

Thanks, Joao. But how do I add an icon beside a word in my label? Do I need to upload a PNG with the icon and the word on it? I thought maybe I could insert an icon and the word label from the Appearance>Menus section.

Also doesn’t X come loaded with Font Awesome? I was thinking maybe I could insert an FA shortcode or something…

#6

Hi,

Sorry if I was not clear.

If you decide to add an icon which is avalaible among the selections of fontawesome Icons which we offer with X you can simply add the Icon HTML Code and type your word beside it.

If you want to use icon of yours, would be easier to use an image, and you can either use it alone or with the word beside it, after the end of the tag.

So In case of the Icon + word you would go to Appereance > Menus and add to the label :

<i class="x-icon x-icon-cloud" data-x-icon="" aria-hidden="true"></i> Home

X comes with font-awesome and you can find the selection on :

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

But in order to work in the menu we reccomend inspecting the code and copying the html code with the data-x information.

Hope it helps

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.