Icons are not showing on all pages the same.

[Santa]

Hi!

What could cause the issue for icons not to appear for some pages in a website?
In homepage the icons in footer are showing right, but the one in topbar- phone icon is not showing at all. In contact page the footer icons are not showing, but the phone icon is. How to fix this?

Thank you!

[David]

Hi there,

so the Phone Icon is using Fontawesome 5 – which is being loaded by Elementor. So it won’t display on pages that aren’t using Elementor.

Then it looks like your icons in the Footer are using Fontawesome 4 – which conflicts with Elementor pages because its loading FA 5…..

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Santa]

Hi David!

Thank you for your response. How can I fix this?

[David]

Try:

Elementor > Settings > Advanced and make sure Load Font Awesome 4 Support is set to Yes

this is from Elementor Support docs.

Then use a FA 4 icon for your phone icon in the nav.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Santa]

Thank you very much, it fixed the issue!

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts