Adding social media icons to nav bar in x theme

[mjloudermilk]

Hello, I’m trying to add social media icons to the nav bar in the theme for the following site:

http://sitedemo.network

I’m using this code in the menu bar, but I can’t make icons appear – just a blank square.

I’m trying to add Twitter / LinkedIn / Vimeo to the navbar, but I’m just not sure how to get this code working. Thank you.

[Prasant]

Hello Michael,

Thanks for writing in!

Please take a look at the solution shared in following tutorial to display social icons in navigation bar:

https://xthemeusers.com/code-snippet/add-social-any-icons-to-nav-bar/

Thanks.

[mjloudermilk]

Thank you for your assistance. I have the exact code added for the provided facebook example, but it still displays as a blank square. I’m not sure why. I’ve attached a screenshot:

Thank you.

[Prasant]

Hello Michael,

Thanks for updating the thread.

In version Pro 2.2, X 6.2, Cornerstone 3.2 we updated Font Awesome to version 5. In that regards you need to change the code to display icons.

Please replace data-x-icon with data-x-icon-b and that should display the social icon.

For more information, please take a look at following resource and scroll down to FAQ section and look for Why are some of my icons are appearing as an empty square?

Release Notes - Pro 2.2, X 6.2, Cornerstone 3.2

Thanks.