Debut theme crop my slideshow image of the mobile layout

New Member
2 0 0


I have some problems about the Debut theme layout.

As I add slideshow in my homepage, the images with rectangular size added in desktop layout is fine. However, in mobile layout it is totally terrible. The image is cropped.

How can I fix this problem? Or are there any methods that I can upload images for mobile and desktop layout seperately so I can design the image well?

Thank you for helping!


Screenshot 2021-07-01 at 11.18.14 PM.png

The image is cropped in mobile layout.


Untitled design-4.png

It looks fine in desktop layout.

Replies 3 (3)
Shopify Partner
2011 426 620

Hello @kkc98 ,

There is a way to upload different images for mobile. You can read here.    

Want to modify or custom changes on store hire me.
Email:, Skype: navrocks1
Buy me a coffee My PayPal
Try GEMPAGES page builder.
New Member
2 0 0



Thank you for helping. But there is a problem. What can I do?

Screenshot 2021-07-02 at 12.03.35 AM.png

Shopify Partner
37 3 11



There are two methods, it involves a little bit of CSS:

  1. Add 2 sliders: One for desktop and one for mobile. You need to {display:none} one section in desktop screen size and other in mobile
  2. Set image property of slider to {object-fit: contain;}


I hope it helps. I understand it involves little bit coding and CSS. I hope you will manage it