Different Image on Desktop

Store Design
, ,
1

Hey, i would like to have different images displaying rather you on mobile or desktop:

https://luveepillow.com/ im talking about the first picutre

(im using a custom theme)

1 Like
2

@luveee - please check customize settings, does your theme have an option to set different images for desk and mobile? if yes then please add it from there, else you will need to add one more section with mobile image and using css show/hide the unwanted section

3

Hi @luveee

You can do that by adding 2 different banner section, one for mobile and one for desktop then add those codes below to Custom CSS of each section

Add this code to Custom CSS of desktop section

@media (max-width: 749px) {
.banner { display: none; }
}

Add this code to Custom CSS of mobile section

@media (min-width: 750px) {
.banner { display: none; }
}