Icons not displaying consistantly

Support
#1

I have the follwoing code in Theme Options > Header > Top Bar Content but it has just stared NOT to displaying consisantly see attached screen shots from various devices. It been fine for years.

Can you advise - They should be Facebook, Twitter and YouTube

<div class="x-social-global">

<a href="https://www.facebook.com/thewisehippo" class="facebook" title="See The Wise Hippo on Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon=""></i></a>

<a href="https://twitter.com/thewisehippo" class="twitter" title="See The Wise Hippo on Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon=""></i></a>

<a href="https://www.youtube.com/user/TheWisehippo" class="youtube" title="See The Wise Hippo on YouTube" target="_blank"><i class="x-icon-youtube-square" data-x-icon=""></i></a>

<span style="font-size:24px; color: #80ba27; padding:0px 0px 0px 6px;">|</span> etc etc etc </div>
#2

Hi there,

Please update these blocks of code:

<a href="https://www.facebook.com/thewisehippo" class="facebook" title="See The Wise Hippo on Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon=""></i></a>

<a href="https://twitter.com/thewisehippo" class="twitter" title="See The Wise Hippo on Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon=""></i></a>

<a href="https://www.youtube.com/user/TheWisehippo" class="youtube" title="See The Wise Hippo on YouTube" target="_blank"><i class="x-icon-youtube-square" data-x-icon=""></i></a>

to

<a href="https://www.facebook.com/thewisehippo" class="facebook" title="See The Wise Hippo on Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon-b="&#xf082;" aria-hidden="true"></i></a>

<a href="https://twitter.com/thewisehippo" class="twitter" title="See The Wise Hippo on Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon-b="&#xf081;" aria-hidden="true"></i></a>

<a href="https://www.youtube.com/user/TheWisehippo" class="youtube" title="See The Wise Hippo on YouTube" target="_blank"><i class="x-icon-youtube-square"  data-x-icon-b="&#xf431;" aria-hidden="true"></i></a>

There was an update with the fontawesome codes which is part of the recent update:

Please check this link:

Under the FAQ: Why are some of my icons are appearing as an empty square?

Hope this helps.

#3

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