Header icons for pages

emmanuelortiz · August 23, 2017, 6:22pm

How to use icons instead of labels in a header?

friech · February 26, 2019, 3:33am

Hi There,

Thank you for writing in, you can use the sample codes below as your custom menu item’s Navigation Label (https://prnt.sc/67ufyv).

Facebook


Instagram


Youtube


Twitter


Pinterest


Google+


LinkedIn


Vimeo


Tumblr


SoundCloud


If you need other icons, please go here (http://fontawesome.io/icons/). Select the icon that you need, get the icon’s unicode and class name (https://prnt.sc/iys7ji)

Then supply it to the data-x-icon-b and class attribute respectively.

Keep in mind that we prefix our fontawesome class with x-icon- instead of the fontAwesome’s default fa-

Hope it helps,
Cheers!

KimAnn · February 13, 2018, 5:46pm

I can not get this to work. If I copy, for example, the soundcloud code from your above tutorial, it works. Once I change the unicode and classname it no longer works. I even tried with identical copy from one of your examples above but as soon as I manually edit the code it will not work. Please advise.

Under services on my website I put the following code before “elevated branding photography” and “conscious copywriting”

The code is identical but when I manually enter it it won’t show but when I copy it from your example it works.

https://leadas.love/

Joao · February 13, 2018, 8:56pm

Hi There,

Try folow this :

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

On your desired icon, click with the right button of your mouse and inspect it.

Copy the html code of the desired icon.

Hope it helps

KimAnn · February 15, 2018, 7:21pm

Perfect, Thank you!

nabeel · February 15, 2018, 9:11pm

You’re most welcome!