Refresh Theme - Resize Mobile Image Banner

Topic summary

A user is experiencing an issue with the Refresh theme where mobile banner images are being automatically cropped instead of resizing proportionally. On desktop, three images display correctly, but the mobile view crops them.

Key Questions:

  • How to display the same three images in a smaller, proportional version on mobile rather than cropped
  • How to maintain desktop text positioning on the mobile version

Current Status:

  • Another user suggested checking for NATURAL or AUTO settings for mobile images in Shopify themes
  • The original poster clarified they’re using the Refresh theme and cannot find such NATURAL/AUTO settings
  • The discussion remains open with no confirmed solution yet

The issue appears to involve CSS/theme customization for responsive image handling across different screen sizes.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

Hey everybody,

I try to resize the attached picture for the mobile version of my shop.

On Dekstop everything is shown perfect but if I turn on the mobile view the image gets automatically cropped.

How can I still keep the same three images but show them in a smaller version on mobile?

And how can I also keep the text position like on desktop for the mobile version?

Thank you!

on your Shopify mobile image, you set it to NATURAL or AUTO depending on the theme you are using

It’s https://pepethecat.com/de-de/pages/about-us

As mentioned in the topic, I use the Theme Refresh. There is such no setting as NATURAL or AUTO. Or am I wrong?