Debut theme crop my slideshow image of the mobile layout

[kkc98]

Hello,

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!

The image is cropped in mobile layout.

It looks fine in desktop layout.

 

[Guleria]

Hello @kkc98 ,

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

[kkc98]

Hello,

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

 

[puneet_unbundl]

Hello,

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