Gallery images overlapping text in ipad

Hi,

From what I tested I couldn’t see that issue you’ve mentioned. Could you please post some screenshots? Also, on which iPad are you testing and which browser?

Regards,
Rodica

Thank you for your reply! Reported problem was from an old ipad 2 and an ipad air – Safari browser. I too have tested the page in Chrome web console and it looks ok. Here’s the link to the screenshot they sent me: https://www.nationalgardenathens.org/wp-content/uploads/2020/05/IMG_20200518_220503-scaled.jpg
You will clearly see the text behind the gallery images and a shadow extending far beyond the page limit. I look forward to your comments.

Hi @sophiac2,

Thank you for sharing the screenshot, it was helpful.

I was able to replicate the issue on an iPad 3 with iOS 9.3.6, on Safari browser.
The CSS properties used to align those images aren’t working properly on that version of the browser as it’s very old, a similar topic is available on this page.

We’ll investigate if something can be done from the theme, as the code used to align the images is from WordPress and the theme was designed to change it as less as possible.

As a temporary fix you can try adding this code in the Additional CSS editor within the Customizer.

figure.wp-block-gallery.columns-2.is-cropped .blocks-gallery-item {
    -webkit-box-flex: 100%;
}

Thank you! Yes, this bit of code solved the problem. Your help has been invaluable!