Font Awesome font not showing on mobile (but working on desktop)

Support
#1

It’s working in Chrome for OSX, but it’s not in Chrome for Android 5.1.1. The code is:

[x_icon type="phone"] <i href="tel:45886" class="fa fa-whatsapp" aria-hidden="true" style="color: #25d366;"></i> <a href="tel:45886"> 666666 </a> (Mario)

This is showed in mobile: [x_icon type="phone"]

But this is not showed in mobile: <i href="tel:45886" class="fa fa-whatsapp" aria-hidden="true" style="color: #25d366;"></i>

Web: edinventa.com (the code is at the button; realise you must resize the window to a very small size to see it working: it is only shown in small screens as it has been though for mobile only)

#2

Hi there,

Thanks for writing in.

It’s because of this fa fa-whatsapp. X font-awesome doesn’t work like that, if you wish to use that in that format then you’ll have to load your own font-awesome library.

Try something like this,

[x_icon type="phone"] <i href="tel:45886" class="x-icon" data-x-icon="&#xf232;" aria-hidden="true" style="color: #25d366;"></i> <a href="tel:45886"> 666666 </a> (Mario)

Where &#xf232; is the icon code for fa-whatsapp (http://fontawesome.io/cheatsheet/)

Hope this helps.

#3

Works awesomely! Thank you! :slight_smile:

#4

You’re most welcome :slight_smile: