How can I use different slideshow images for mobile and desktop views?

JonoHS
Visitor
1 0 0

Hiya, 

I am having issues with the use of my theme. I want to be able to use a large image for slideshow however on mobile it heavily gets compromised. Is there a way i can add the possibility to use different images on mobile to as on desktop as this is the only fix i can see working?

 

Currently i have it set to adapt to first image but this isn't much of a fix.

Reply 1 (1)

Don
Shopify Staff
2765 199 388

Hi there, @JonoHS!

 

Thanks for reaching out to share your query here in the Community!

 

As you're currently experiencing, due to the way slideshow images like this are coded you would need to use an image that works well on all screen sizes.

 

We've got an article here on how to combat image cropping on slideshows you can check out, as well as some info on best practices when working with these images on our help site.

 

It might be possible to get a custom solution created for your theme, though you would likely need to engage the services of a Shopify Expert for this level of customisation.

 

Can you tell me a little bit about your business, are you still getting set up with your store for the first time?

Don | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog