Problem with blurry images on Safari

  • Hello every body, I’ve a problem with some image in portfolio section on my site. Only with Safari. Some images appear blurry. The image are those that appear after clicking on load more, or those that load with infinite scroll
    This is the different between Chrome and Safari.
    https://ibb.co/9rsqGww
    Somebody can help me?
    Greets
    Silvia

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello @silviaserpe,

    I think I saw your post on the Avada forum too.

    I can reproduce the blurry images when I hit your LOAD MORE button in Safari 14. And like you say, there are no blurry images in Chrome.

    BTW, it takes me 2-3 clicks on the LOAD MORE for it to finally load more of the page (on both browsers).

    So, I think the main issue is the srcset attribute on those images. For some reason, Safari (maybe WordPress combination) isn’t loading the correct size.

    How do I know this? When I remove the srcset attribute from one of your portfolio previews, it loads the original image resolution and it looks great.

    Suggestion: Ask the Avada support team if they have a hook to bypass the srcset for Safari only for your infinite scroll page(s) that have the issue.

    It’s also best if you hit up the Avada support since .org forums don’t support premium themes and plugins.

    I hope that helps.

    Cheers!

    Thread Starter silviaserpe

    (@silviaserpe)

    Thanks for your answer!!! :-))
    Unfortunately I no longer have avada support because it has expired….

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Problem with blurry images on Safari’ is closed to new replies.