Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
Greetings, it looks like you managed to get around the problem? The slider looks ok now.
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
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
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!
This is an accepted solution.
Greetings, it looks like you managed to get around the problem? The slider looks ok now.
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:
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
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025