Minimal slideshow gets cut off on bottom, only on mobile.

Solved
atxer
Tourist
7 0 1

So we have a puzzling problem. The minimal sideshow seems to get cut off on mobile, but only on the bottom. The slideshow is set to "adapt" image size in the customize section. Maybe any insight or CSS we can add to fix this? I've attached screenshots and the original picture we are trying to add. One is on the desktop version, one mobile. You can see how the desktop version has way more purple under it. But the nav buttons on the mobile one cut it off. Can we push the buttons down or something?

mobile viewmobile viewdesktop viewdesktop vieworiginal photooriginal photo

0 Likes
suyash1
Shopify Partner
2737 290 452

@atxer - can you please share this page link?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
atxer
Tourist
7 0 1

Of course! 

 

0 Likes
suyash1
Shopify Partner
2737 290 452

This is an accepted solution.

@atxer - please add this css to the end of theme.scss file and check 

@media screen and (max-width:749px){
.slides__image {display: inline-block;}
}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
atxer
Tourist
7 0 1

thank you so much!!