[Support request] Website Logo Image Breaks on Scroll

Home Forums Support [Support request] Website Logo Image Breaks on Scroll

Home Forums Support Website Logo Image Breaks on Scroll

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2299217
    JP

    Hi there,

    I have a sticky nav bar that contains my logo image. When I initially visit my site, the logo appears correctly, but when I scroll the logo image breaks ONLY on firefox and safari browsers – it does NOT break on chrome. What can I do to fix this?

    Thanks!

    #2299281
    Fernando
    Customer Support

    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.

    #2300201
    JP

    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,

    #2300380
    Fernando
    Customer Support

    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.

    #2301342
    JP

    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!

    #2301350
    Fernando
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.