-
Posts
-
Until a few days ago, there was a strangly problem when displaying the website. With admin access the social media icons were displayed correctly. So I didn´t realized, that something is wrong. According to customer feedback, they were not displayed in their browsers. I looked into it and found that the icons were not actually displayed in all browsers, when you are not locked in admin account. (1)
I checked the enfold settings. (3) Unfortunately you only have two options with example: instagram and mail icon. (4,5):
– either the preset icon => best but note in backend* (2)
– to change the icon to SVG => icons doesn´t fit, were too big (6)*”We recommend that you use SVG icons on new sites and switch to the SVG icons on existing sites because the default icon font might get deprecated in a future version.”
Now the problem has solved itself. Have you fixet it?
What is going on because according to backend it is outdated?Hey Sven,
Your site is reporting a 404 error (file not found) for your icon fonts:
This affects your social icons and the other icons on your page:
It looks like the only fonts loading are from this location:/wp-content/uploads/themepunch/gfonts/which may be from a plugin, or perhaps your WP Rocket plugin is causing the fonts to not load.
The first step is to disable all of your plugins and check again. If this doesn’t help leave all of your plugins disabled and include a admin login so we can examine.
I see that you are using a child theme, if you have a old copy of header.php or footer.php in your child theme, please remove these, as this is the top reason for errors after updating.Best regards,
MikeHi Mike,
thanks for your helpful input. Finally (after weeks and at least in the second wave days) solved!
DONE
It’s an issue that causes WP Rocket and can be fixed with a small setting. Details: With this icon display odyssey, I initially thought it was an icon set that can´t no longer used (Enfold notice). Then I contacted support here. Then I go in support with the developer of the plugin that stores fonts locally in compliance with GDPR. And thanks to this notice with WP Rocket – that was the deciding factor.You have the same trouble?
Use this line in the browser to test: https://www.your-url.com/?no_wprocket=1
If you didn´t see any trouble with the icon font = > issue caused by WP Rocket.
This issue is related to the Remove Unused CSS feature. In some cases, icon fonts can get mistakenly excluded during the Used CSS generation process, which causes icons to disappear.To resolve this, please add this to the File Optimisation / CSS safelist: (.*)social_bookmarks(.*)
- The topic ‘Display of Header Social Icons’ is closed to new replies.