Product photo container way too big and not showing on mobile

Solved
jacauschi23
Explorer
60 9 17

When you go to an individual product page, the photo container is way too big and causes some photos to be oddly cut off to fit. They also don't even show on mobile. I don't know what is causing this but it needs be about 40-50% less in size.

 

https://doja.vip/collections/products/products/doja-script-hoodie-1

PW: aobrew

0 Likes
suyash1
Shopify Partner
2751 291 453

@jacauschi23 - add this css to the very end of theme.css file , adjust number as per need

@media screen and (min-width: 1024px){
.template-product .product-gallery--slider {
    height: 75vh;
}
}
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
jacauschi23
Explorer
60 9 17

@suyash1 thanks that works good for desktop. The images still don't show on mobile though?

0 Likes
suyash1
Shopify Partner
2751 291 453

@jacauschi23 - can you share mobile screen shot? I can see images

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
jacauschi23
Explorer
60 9 17

@suyash1 IMG_0610.jpg  I only see the thumbnail list on mobile

0 Likes
suyash1
Shopify Partner
2751 291 453

@jacauschi23 - this is something weird, I am sure it does not have to do with image size settings which we did, I recommend please ask some expert about it. This is not due to height/width settings we did.

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
jacauschi23
Explorer
60 9 17

This is an accepted solution.

RESOLVED

0 Likes