distorted-screen
Wordpress

WordPress icons distorted

I noticed an issue with some of my WordPress websites where the share icons and the search icon would be distorted.  I had been upgrading and changing themes, trying out new plugins and trying out Litespeed cache plugin as some of my sites are on a Litespeed server.

The social share icons and search icons would sometimes become distorted and garbled, I tried various settings in Litespeed cache as when I switched this off, the icons were fine.  In the end I gave up and contacted the theme developer to see if they could help.

After a few back and forth e-mails, the issue was the redirection to the HTTPS secure site, if the site URL was not HTTPS this caused an issue with the caching and icons.  I had to edit my .htaccess file in the public_html folder (view hidden files) and add the following code to create a 301 redirect:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>

This has now rectified my issue and ensured that the secure site is always served,

Similar Posts

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest DEALS, OFFERS and News before anyone else.

You are almost done - please check your inbox for confirmation!

Pin It on Pinterest

Share This