Social icons missing in navbar

Support
#1

Hi there, our icons for facebook and instagram just suddenly went missing. It happened after an update. What has happened and what can we do to fix it?

Wordpress 4.9.8 and X Version: 6.3.8
cornerstone Version 3.3.8

#3

Hi There,

Thank you for writing in, as of FontAwesome 5 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.
    The original attribute data-x-icon will still work for solid icons as a fallback but we’ve updated everything for consistency.

That means looks for the data-x-icon on the code provided and update that to data-x-icon-b

Hope it helps,
Cheers!

#4

Hi Friech thank you for quick response! Where do I find the code where I change the instances?

Cheers.

#5

Finally I got it :slight_smile:

The code was in the menu navigation label.

#6

Hi Magnla,

It’s the code that you used on your social menu items as Navigation Label, navigate to Appearance > Menus



Here try these:

For Facebook
<i class="x-icon x-icon-facebook-square" data-x-icon-b="&#xf082;" ></i>

For Instagram
<i class="x-icon x-icon-instagram" data-x-icon-b="&#xf16d;" ></i>

Hope it helps,
Cheers!

#7

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