Thumbnails not visible when using “Responsive Images (src-set)”

  • Resolved bazantik

    (@bazantik)


    11 months, 1 week ago

    Hi there,

    I’m using the Meow Gallery plugin, and I’ve run into an issue when enabling the “Responsive Images (src-set)” option under the Optimization settings.

    When this option is selected, the gallery thumbnails do not appear on the page — the image areas are completely invisible. However, they are still clickable, and when clicked, the correct image opens in the lightbox. So the images are present in the HTML, just not visible on the page.

    If I change the optimization setting to anything else (e.g., Medium, Large, etc.), the thumbnails display as expected.

    For context:

    • I’m using the Avada WordPress theme.
    • The only active plugins are: Avada Builder, Avada Core, Meow Gallery, and Meow Lightbox.

    Any idea what might be causing this or how to fix it? Let me know if you’d like a link or further details.

    Thanks in advance!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Val Meow

    (@valwa)

    11 months ago

    Hey @bazantik! 👋

    It looks like this issue is related to Avada’s image handling. When Meow Gallery requests srcset values from WordPress, Avada seems to intercept and replace them with SVG placeholders, intending to swap them out later. However, Meow Gallery loads images asynchronously, and by the time it displays them, Avada has already finished its replacement cycle, leaving those placeholders stuck in place.

    As a result, the gallery ends up with non-functional placeholders instead of real images.

    Here’s what you can try: Temporarily disable Avada and check if the gallery displays images correctly, this will confirm the root cause. If so, look into Avada’s performance/image settings, there may be a lazy loading or srcset optimization feature you can disable to prevent this conflict.

    Hope this helps!

    Thread Starter bazantik

    (@bazantik)

    11 months ago

    Thanks so much! You were absolutely right — the issue was caused by Avada’s image optimization. I went into the Avada > Options > Performance > Image Lazy Loading setting and changed it from Avada to WordPress. After that, the gallery thumbnails started displaying correctly with the “Responsive Images (src-set)” option enabled.

    Really appreciate your explanation and guidance — it solved the problem perfectly! 🙌

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

The topic ‘Thumbnails not visible when using “Responsive Images (src-set)”’ is closed to new replies.