Docs

[robvandalen]

Hi,

after reading several posts, e.g. like these: https://community.theme.co/forums/topic/adding-icon-in-top-menu/page/2/#post-633896

I tried to add a linkedin icon as a menu item on my site, but I cannot seem to get it working.

I use this in the navigation label:

<i class=x_icon type=”linkedin-square” data-x-icon=””></i>

What goes wrong?

[robvandalen]

This reply has been marked as private.

[Thai]

Hi There,

Please try with this instead without spacing in the data-x-icon value:

<i class="x-icon" data-x-icon="&# xf08c;"></i>

You can find all the icon cheatsheet in this link: http://fontawesome.io/cheatsheet/.

Hope it helps.

[robvandalen]

Brilliant.
You guys are rockstars.

[robvandalen]

In relation to this, can I adjust the size of the icon? It’s just a bit small in ‘standard’ mode, yet I need it to still be in line horizontally with the other menu items.

Thanks in advance!

[Friech]

Hi There,

You can adjust its size and padding to align it with the other menu.

#menu-item-199 a {
	font-size: 1.2em;
    padding-top: 32px;
}

You can add this under Custom > CSS in the Customizer.

Hope it helps, Cheers!

[robvandalen]

YES!

Thank you 🙂

[Paul R]

You’re welcome! 🙂

[Author]

Posts