To clarify, the images for the hero banner when looking at it from pc and mobile is different, where the mobile version the image is cropped to fit how do i make it such that the image is just shrunk instead so it keeps the structure/integrity of the image/video?

Thanks for clarifying! To keep the full structure of the image/video on both desktop and mobile (instead of it being cropped), you’ll want to adjust the CSS so the media scales down rather than covering the area. Look for the section’s background settings or custom CSS, and try changing background-…

thanks for the response! changing it to contain works for on pc, but on mobile it looks like this [dummy.png] theme is dwell hero is set up as image background if im not wrong (im not so sure)

Hi, I am having the same issue on dwell.

[image] ktzn: scrawl Need to check css for this in mobile and even may be used media query. the password you provide it’s wrong.

hero banner: how do i make it such that the image isnt adjusted through pc and mobile?

Store Design

ktzn June 7, 2025, 5:08pm 2

https://www.scrawledsenses.shop/password

password: scrawl

Topic		Replies	Views
Image-banner für mobile zu klein Shopify Design design	3	68	March 21, 2023
How can I adjust the mobile hero banner size on the Dawn theme? Store Design troubleshooting	3	114	August 31, 2022
Changing how my hero image displays while viewing on mobile Store Design design	2	106	July 12, 2023
How can I adjust the size of my hero banner for mobile and desktop view? Store Design design , css , shopify-themes , troubleshooting , html	4	280	October 8, 2025
Image with text overlay image resize for mobile Store Design	2	282	July 30, 2021

hero banner: how do i make it such that the image isnt adjusted through pc and mobile?

Related topics