pw: sksk
Is there any way to make the images not get cropped on mobile/different sized screens but also not stretch out?
Slide 2 is very apparent and I’m not sure how to stop it.
Thank you.
Topic summary
Shopify slideshow images are being cropped on different screen sizes (especially mobile), with a request to keep the original aspect ratio without stretching. Slide 2 is highlighted as the most affected.
A store URL and password were shared to reproduce the issue.
A responder suggested adding custom code in theme.liquid immediately after the tag (Online Store > Themes > Edit code) to address image behavior across devices.
However, the actual code snippet was missing/empty, so there is no concrete fix provided yet.
No theme settings adjustments or alternative approaches were discussed, and no verification of results occurred.
Status: unresolved. Key need is the correct CSS/markup (e.g., object-fit/contain or responsive CSS) or theme configuration guidance to prevent cropping without distortion.
You can try to add this code to theme.liquid file after in Online Store > Themes > Edit code to check