Refresh | Adding a different banner size for mobile / desktop

1 0 0

Heya all,


I created a banner with 1500x400 size and it looks perfect on desktop. Only when I use the mobile site the banner gets all cropped and is way too wide for such a small screen. Ideally the image size of the mobile version should be like 500x600 so it fits better in the screen. Any idea how to make 2 different versions?


I tried to follow solutions for other themes but they all didn't seem to work properly..


Thanks in advance for anyone putting in the effort!

Reply 1 (1)

Shopify Partner
1518 249 315

Hi @Bikkel 
If you are using the section Image Banner, You can try to follow this video to make different image for desktop and mobile view.
The link source code in the video description.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help.