Website Logo Image Breaks on Scroll

Hi JP,

Can you try re-uploading the SVG file through safe SVG?: https://wordpress.org/plugins/safe-svg/

Let us know how it goes.

Hi Fernando,

I uploaded the logo via the plugin 'svg support' which works the same as safe SVG, and the image is still breaking ONLY on scroll and on firefox and safari.. everything works correctly on Chrome. What else could be causing this, especially considering the fact the image only breaks in those specific situations, but works otherwise?

Thanks,

I see. Have you tried uploading a random different SVG image just to test if it’s not a specific SVG issue?

For instance, can you try downloading this SVG and using it to test?: https://fazarcon.pluginsupportwp.com/wp-content/uploads/2022/07/test.svg

For reference, this SVG file is working from my end on Safari and Firefox.

Hey, since my last message I noticed that the issue is the logo image shown on scroll has a url path of 'http' rather than 'https'. Can you please visit my site, and inspect the logo on scroll, and you'll see the src path is 'http'. In Chrome inspection tools, if I change the img url path to 'https' instead, it fixes it. Knowing this is the issue, why is this happening, and how can it be fixed?

**Anytime I upload an image via the media uploader in Wordpress, the filepath starts with 'http' not 'https'.

Thanks!

I see. It’s now working from my end as well. Glad you figured out the cause!

You can try Better Search Replace plugin: https://wordpress.org/plugins/better-search-replace/

You may replace all HTTP with HTTPS in your site through this.