First and foremost try to identify what is breaking the gallery by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be 🙂
frank
I tried all three options:
- Optimize JavaScript Code? (disabled and clead cache) – nothing
- Optimize CSS Code? (disabled and clead cache) – nothing
- Optimize HTML Code? (disabled and clead cache) – nothing
This is default gutenberg gallery, without plugins…
I resolved layout problem when i disabled ‘Remove WordPress block CSS’ in Extra tab, but there is still a problem when i click on an image, i can’t see full-size because of the caption text vertical orientation :((
i also added ‘?ao_noptimize=1’ and gallery working like a charm 🙁
-
This reply was modified 2 hours, 29 minutes ago by
schleewoon.
I fixed all :)))
after 4h I found the solution, I just disabled these two options in Autoptimize:
– ‘Remove WordPress block CSS’ in the Extra tab
– ‘Lazy-load images?’ in the Images tab
and now all the galleries are working like a charm.
Thank you and sorry for this Sunday hassle 🙂
Best
no worries @schleewoon 🙂
re. “remove wordpress block CSS”; that one is off by default and when you’re using blocks (such as wp-gallery) you should indeed not activate that option.
re. lazyloading; you could try excluding those images from being lazyloaded?
enjoy your Sunday!
frank
