Essential grid images not showing in Mobile

Support
#1

Hi Guys,

Essential Grid images not showing on Image posts only AND only in mobile view.

I have disabled lazy loading in EG as s suggested in the old forums, also WP Rocket and disabled Cloudflare but still an issue.

EG can be found at https://rkade.uk.com/news :slight_smile:

#2

Hello @kademcconville,

Thanks for asking. :slight_smile:

On my end, Essential Grid images are showing up fine. Please see screenshot. I see that you are using cache and CDN, please clear cache and see how it goes.

Thanks.

#3

Thanks for the response, that is actually ‘the grid’ ‘essential grid’ is above that bit :slight_smile:

#4

Hi @kademcconville,

I still can see the Lazyloading feature, WP-Rocket, minification and CloudFlare active. Could we test it without them? I’m not saying they are the issues, but we should test it without them to narrow it down.

Thanks!

#5

Cloudflare deactivated, so is WP Rocket (this is doing the Lazy load, not the setting within EG) :slight_smile:

Cheers!

#6

Hi @kademcconville,

I couldn’t find what causing this, but it’s javascript related as it doesn’t trigger the code responsible for removing the DISPLAY:NONE upon image load (which could still related to lazyloading). Please add this CSS to your global custom CSS as workaround.

@media ( max-width: 979px ) {
.esg-layout-even .esg-entry-media img {
    display: block !important;
}
}

Thanks!

#7

Cheers!

This fixed the images showing (thank you), but captions were now hidden and un-aligned.

.eec {
  position: fixed !important;
}

This fixed the issue :slight_smile:

#8

Hello Kade,

We are just glad that you have figured it out a way to correct the said issue.
We really appreciate for letting us know!

Best Regards.

#9

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