Re: My slideshow doesn't fit mobile

Solved

Why doesn't my slideshow fit on mobile view?

JovanaB
Tourist
9 1 1

Hello, I'm trying to fix the slideshow look on mobile. Looks perfect on a computer, however when I go to mobile, the majority of it is cutoff. 

Can someone help me, please? 

My page is https://predireparis.rs/

 

Thanks in advance!

Jovana

Accepted Solution (1)
timkuts
Shopify Partner
65 12 24

This is an accepted solution.

Greetings, it looks like you managed to get around the problem? The slider looks ok now.

Custom Shopify Apps • PSD to Shopify • Design Changes • Custom Modifications In to Shopify Theme | Feel free to contact me on support@kad.systems

View solution in original post

Replies 5 (5)

timkuts
Shopify Partner
65 12 24

Hello. Do you want the picture in the slider to be always displayed without cropping height? Right now on my desktop it doesn't look any better than on my mobile 

 

timkuts_0-1638805566880.png

 

Custom Shopify Apps • PSD to Shopify • Design Changes • Custom Modifications In to Shopify Theme | Feel free to contact me on support@kad.systems
JovanaB
Tourist
9 1 1

Yes, you're right, I would love the picture in the slider to be always displayed without cropping height. How can I do that? Thank you in advance

JovanaB
Tourist
9 1 1

What I would really like to succeed in is something that is shown in the screenshots below. As far as I understand they use two completely different images in other dimensions for desktop display and mobile phone display. Is it possible for me to achieve that in my store? Thank you so much for helping me!

 
timkuts
Shopify Partner
65 12 24

This is an accepted solution.

Greetings, it looks like you managed to get around the problem? The slider looks ok now.

Custom Shopify Apps • PSD to Shopify • Design Changes • Custom Modifications In to Shopify Theme | Feel free to contact me on support@kad.systems

Ollie
Shopify Staff (Retired)
2550 460 428

Hey @JovanaB.

 

Thanks for reaching out.

 

I appreciate that you have shared your online store URL as that is super helpful. This is a great question! The height of your slideshow automatically adjusts to fill the screen of the device being used to browse your store. This is based on the screen size of the device.

 

We have a great article that goes over How to Combat Image Cropping on Shopify slideshow sections as it has work-arounds with step-by-step instructions. With that being said, we currently do not have a way to completely stop the image cropping that is happening when viewing the online store on a mobile device. The reason for this is because each mobile device will use different dimensions to have the online store displayed.

 

I would suggest attempting to resize the images that are being used within the slideshow or try to have the slideshow displayed differently through the Theme Editor. I took a screenshot from my test store to show you the section I am referring to:

 

06-58-15920-84257

 

Let me know if you have any questions.

Ollie | 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