Different image size on desktop and moble

[Jay99wilt]

Hi there. Can someone help me please? Is it possible that i can use different image sizes on desktop and mobile? For example, if i upload a 1080p image for the mobile then it looks awful on desktop.

Using the Refresh theme.

Kind regards

[Shubhamrathore]

Yes you can put different image both mobile and desktop.
If you know html css you can do it easily.

[oscprofessional]

@Jay99wilt ,

Please share the store URL.

[Jay99wilt]

www.sleeplekka.co.za

[thejustintharpe]

Hi @Jay99wilt 

Please share your shop website so I can suggest better.

Thanks!

[Jay99wilt]

Hi there.

www.sleeplekka.co.za

[thejustintharpe]

Hi @Jay99wilt 

The way your homepage is set up - it has separate sections for each product. Which is a bit difficult to customize.

Ideally, you should be using a "Collection" to show the products in a horizontal format.

But if you prefer this vertical layout on the desktop version - then you can either reduce the size of the product image container so it doesn't blur out. Or you can upload even higher resolution images so it works on both desktop and mobile.

Hope this helps!

[Jay99wilt]

hi there. and for the slideshow?
Thanks

[Shubhamrathore]

I have checked.
Simple you can add different image on both desktop and mobile. so it's better for user also.
It's possible if you know html css.