Mobile phone icon in topbar not displaying properly!

[core365]

Hi, I’ve just updated X Theme and Cornerstone and now the mobile phone icon I’ve used in the topbar isn’t displaying properly - the screen has been filled in so it’s now a solid rectangle with a little circle at the bottom! I’ve tried to fix it with CSS but it’s not working. I hope you can help!

Here’s the CSS:

.x-icon-mobile:before {
  content: "\f3cd";
}
[data-x-icon-o], [data-x-icon-s], [data-x-icon-b], [data-x-icon], [class*="x-icon-"] {
    font-weight: 200;
}

Here’s the URL:
https://www.jlsdesignandbuild.co.uk

Thanks!

[mldarshana]

Hi There @core365

Thanks for writing in! Please change the following mobile icon’s following code fragment data-x-icon to data-x-icon-s and then it should render as follows.

You can read more information about Font-awesome version 5 changes here (https://theme.co/apex/forum/t/icons-showing-as-blank-box-after-update/45437/2?u=mldarshana).

Hope that helps.

[core365]

That’s sorted it! Thank you so much!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.