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]

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

Similar Posts