Refresh | Adding a different banner size for mobile / desktop

Bikkel
Visitor
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)

ExpertRookie
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.
https://www.youtube.com/watch?v=vfY6G35SlEE
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 expert.rookie.team@gmail.com regarding any help.