Social icons are still not displayed with the latest version

I updated the theme again to the latest version and still the social icons are not loading in the footer and the hamburger menu is not displayed in mobile devices.

As a result I went back to the much older version of the theme and cornerstone. I am not giving a URL because from what I can see other people also have this issue. The problem is with font awesome.

Hello There,

Thanks for writing in! Can you please confirmed that you have updated to the latest versions?
Our latest versions are:

  • X theme 6.2.2
  • Cornerstone 3.2.2

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

If you already have updated and reverted back to X 6.1.6 and Cornerstone 3.1.6, you still need to clear your caching plugin first before your test your site again. And if you are using W3 Total Cache. What you may have encounter could be just a caching issue.

Please let us know how it goes.

I cleared the cache from the plugin and from the CDN, the social icons still dont display. I did this before positing this. I am back on the older version and its working fine. Please advise what to do.

I’m having the same issue here. I tried to add some htaccess or function.php modifications into my wp files, but it does not work either.

Are you using a child theme? If you are, could you let us know if or how you’ve overridden any templates?

If you don’t have a child theme, there isn’t much we can advise on without taking a closer look. Would it be possible for you to update again and send us the link? That way we could get an idea of what it’s happening.

Hello Alexander,

Should i open an other topic on my own ?
I didn’t overight anything on my child theme.

That would be great so we can track it separately. Even if you didn’t change anything, it could be that something in your child theme needs to be updated because of some changes required to integrate with Font Awesome 5.

There is nothing in my child theme that is blocking it the best of my knowledge. My problem is that when I do update its not only not showing the social icons but it also makes the hamburger menu disappear on mobile devices, no one can navigate without the menu. Because this is a business website I will be losing money. The only way this is going to work is if you coordinate with me in what time exactly you will visit my site to see why fontawesome is not loading. I am adding that I do see the social stuff in the source code (facebook and instagram) but its not showing on the page.

In the latest version, Font Awesome was updated. This involved changing markup css and file locations.
Since clearing cache didn’t solve this issue, it is most likely that you have some custom in your child theme that needs updating.

Kindly check all files in your child theme and replace all instances of data-x-icon with 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.

eg. Change this

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

with this

  <i class="x-icon-bars" data-x-icon-s="&#xf0c9;"></i>

Thanks

The latest version fixed everything. A lot of people will complain though because of browser caching, it will display the older version. My humble opinion, if you would have added a query string to it (font awesome) that would have forced the browser to re-cache.

What do you think?

Great! Glad to hear it’s working for you. The font file itself was renamed and the CSS file always has the versioned query string. I think it’s more a case of the HTML being cached.

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