Fontawesome Icon Not Displaying

[scauto51]

hi support

currently the instagram icon is showing fine on the navigation menu but the facebook icon is not.

URL: http://scauto.com.sg/

My setting as follows:
Dashboard -> Menus -> Custom Link -> Navigation Label:

[rad]

Hi Irin,

Thanks for reaching out.

Please change your navigation label to this,

<i class="x-icon x-icon-facebook-square" data-x-icon-b=""></i>

The Instagram icon works since it’s directly derived from Fontawesome class.

Thanks!

[scauto51]

hi Rad

this is quite strange but the Facebook icon does not display on my Mac desktop Chrome and Firefox browser.

[mldarshana]

Hi Irin,

Please disable your CSS/JS minifications from your WordPress Fastest Cache settings, purge your server cache and re-test your issue again.

I see the data-icon-b value is not visible in the above post. You can see it in the following post (https://theme.co/apex/forum/t/class-and-colors/45376/2?u=mldarshana).

Make sure to clear your browser cache as well before testing (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Hope that helps.

[paul.r]

Hi Irin,

I change it to <i class="x-icon x-icon-facebook-square" data-x-icon-b="&#xf39e;"></i> and it seems to work.

Kindly check in your end.

Thanks