How to resize collection header image to auto-adjust to different screen sizes?

Topic summary

A user is experiencing issues with collection header images not auto-adjusting properly across different screen sizes on their Shopify store.

The problem: Despite editing image dimensions, the headers appear inconsistent—sometimes cut off or overly zoomed—when viewed on different window sizes (desktop vs. mobile).

Examples provided: Two collection pages demonstrate the issue.

Current status: Another user has requested more specific details about the exact problem and desired outcome to provide assistance. The discussion remains open with no solution yet proposed.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Is it possible for a header image, like the one for this collection or this one, to auto adjust based on the window size?

We want the image proportions to look consistent no matter the window sizing on desktop or mobile. We’ve edited the image dimensions, but still have a consistency issue where the image is sometimes cut off or too zoomed in?

Hi @Fundae ,

You can provide for me an example about issue and what expectation you want?