[Resolved] Images "stretch" vertically when opened on iPads

[Author]

Posts

[stephenR-8]

I am trying to: fix image stretching issue only seen on iPads AFAIK

Link to a page where the issue can be seen: hidden link and other individual pages linked from hidden link

I expected to see: undistorted images on any device

Instead, I got: distortion on iPads

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

From looking into the web page's code, it seems some script is setting a fixed height to the image, which is resulting in stretching on specific screen sizes.

To fix this, you can include the following custom CSS code in the content template's CSS editor, which will ensure that the image height is always adjusted, automatically:

.wp-block-image.tb-image img {
    height: auto !important;
}

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

[stephenR-8]

Waqar,

I put in the CSS you provided, but it doesn't appear to have worked for hidden link

hidden link

[Waqar]

Thanks for writing back.

Can you please remove the custom CSS code from my last message and use the slightly updated one:

.wp-block-image img {
    height: auto !important;
}

This should fix the images for the therapists' archive page too.