I am currently having an issue with squished images (not resizing properly) on an iPhone X (tried multiple phones), same issue in Chrome and Safari. Android, Chrome was OK.
I am using WP Rocket for caching, disabled nearly everything - no change? No other Plugins are causing issue.
Which scripts and their paths file names control the image resizing? I want to exclude them from WP Rocket and see what happens unless you have a better idea of what the problem might be?
Thank you
Hello, thanks for reaching out!
Just making sure we’re on the same page. When you say “squished” I assume you’re referring to the image not keeping the correct dimension proportion as the original (kinda looking like it’s pressed). Is that correct?
I don’t think WP Rocket is causing the issue, though there’s no harm in clearing your cache and even trying to temporarily disable it just to see if it fixes the issue immediately. If neither fixes it, then the most likely culprit is a custom CSS applied to the image.
It would expedite our diagnosis if you can send us a link to the page (or pages) that contain this issue. This way, we can examine it more thoroughly.
No need to send us your login credentials at this point. Just a URL to the page(s) will do.
Looking forward to your response.
Cheers.
Hello,
If you go here: https://www.dovgandental.com/general-dentistry/periodontal-treatment/
Android Chrome not having the same issue, only seems to be on iPhones
On an iPhone: Chrome, Safari, etc… It is showing squished.
Hi @w3developing,
I don’t see the issue on my end, but would you mind removing this flex display applied to your image, it’s on your child theme’s style.css file.
Remember to clear your caching plugins/feature and phone’s browser cache after removing it and see if that resolves the issue.
Thanks,
Thanks, that did the trick!
Glad we could help, Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.