Seperate Banner Images on Mobile and Desktop - Refresh Theme

[Gbasescommerce]

Hello everyone,

I am currently using the "Refresh Theme" and on my main page I have an "image banner" displayed where I have added a 1200x1000 banner which works perfectly for the mobile version. For desktop it is unfortunately anything but suitable.

Now the question: Could someone help me, which code I have to insert where, so that the size adjusts automatically for the desktop version?

Thanks in advance
Fabian

(ps: my store: rabattdealer.com)

[Wish-It]

It would require liquid code level changes. You'll need to add a setting for the image on the mobile version and based on desktop or mobile show that image on liquid. If you can share the liquid code of the image banner section I can have a look. (Action > Theme Edit > Sections > Search for 'banner')

[Gbasescommerce]

Hi @Wish-It, thank you for taking the time!

Following the code from the image-banner.liquid:

https://codefile.io/f/HMriSDflhjVQGbqYpHDP

[Wish-It · Accepted solution]

Replace image-banner code with this file, it will add an option to upload mobile image which will replace first image on mobile.

https://codefile.io/f/RZF5pdxXUxDPE3Gv0Zsp

If you have any other theme edit task, feel free to reach out to us. We provide unlimited theme edits at $49/month.

[famccadmin]

Hi there, is there a way to have this option on the Slideshow section instead of the image banner section? cause I have a few banners to display and image banner section doesn't cut it. 

[Gbasescommerce]

@Wish-It is this possible what @famccadmin asked for?

https://codefile.io/f/jKUxmfFy0gp48HwPpQFB

❤️

[GGTreasureHunts]

Where do you find the image-banner code?