Adding Icons to Menu Isn't Working

Trying to add icons to menu and I’ve followed other threads on here on how to do so by adding <i class="x-icon x-icon-home"></i> to the navigation label. I get this

Login creds below in case you need them.

Hello Randy,

Thanks for writing in!

You are inserting the incorrect icon code. As of Font Awesome version 5.x, they split icons into multiple fonts. This can be fixed by changing instances of the data-x-icon attribute to one of the following:

data-x-icon-b for social icons.
data-x-icon-o for outline icons.
data-x-icon-s for solid icons.

When you insert an icon, you insert this code instead:

<i class="x-icon-home" data-x-icon-s="&#xf015;"></i>

Hope this helps. Please let us know how it goes.

Works perfectly. You’re my hero! Thank you

Glad that we could be of help :slight_smile:

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