Debut theme crop my slideshow image of the mobile layout

kkc98
New Member
2 0 0

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!

 

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.

0 Likes
Guleria
Shopify Partner
1452 299 413

Hello @kkc98 ,

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
0 Likes
kkc98
New Member
2 0 0

 

Hello,

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

Screenshot 2021-07-02 at 12.03.35 AM.png

0 Likes
puneet_unbundl
Excursionist
34 3 9

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

0 Likes