Essential Grid Showing Gray Boxes in Mobile

I’m trying to show a gallery in essential grid and the grid is working on my desktop but for some reason I can’t get it to show on tablet or mobile, the images are just grayed out for some reason. When I click to enlarge I can see all of the images. Any idea on how to fix this? Thanks!

Hi Ryan,

Thanks for reaching out.

I checked and the image seems to be converted to SVG or inline image, in which doesn’ work well with Safari. There was a lazy loading feature from gallery and WP Rocket which I deactivated, but the lazy loading on actual page isn’t deactivated. So I went ahead and deactivated the WP Rocket but I couldn’t disable the Varnish cache which probably specific to your hosting. Would you mind disabling all the optimization then we’ll continue testing?

The cause of the issue is the image turned into inline SVG src which part of the lazyloading feature that won’t deactivate.

Cheers!

I’m not sure what happened but it’s now showing up on both Tablet and Mobile so I guess it’s fixed lol. Thanks for your help I appreciate it.

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.