Thank you for your message. I have tried this before but it doesn’t seem to help.
Image behavior is now set to none.
Any other solution?
Topic summary
Users are experiencing an issue where Shopify automatically zooms in on desktop banner images, distorting the original composition and making images appear cropped or improperly framed.
Initial Diagnosis:
- One responder identified the “Ambient movement” animation effect in the theme customizer as a potential cause
- Suggested changing the Image Behavior setting to “none” in the theme editor
Attempted Solutions:
- Disabling the animation effect did not resolve the issue
- A CSS code snippet was provided to add to the base.css file:
.banner > .banner__media > img { object-fit: fill; } - This code caused new problems: images became stretched and distorted out of proportion
Current Status:
The issue remains unresolved. Multiple users report the same problem, particularly noting that banners with text become unusable as the zoom focuses on text elements. No working solution has been identified, and participants are actively seeking help.