Product Quick View Glitch

Site URL: https://trombone-seahorse-afp9.squarespace.com/config/design/custom-css

Hi there! 

My Product Quick View glitches where it crops the image of the product. This happens frequently, but not always – yet I want to make sure it doesn't happen at all. I'm not sure if it's something with Squarespace or something in my code that's preventing this. I have screen shot examples below. The first screenshot is the product in Quick View, and the second screenshot is the image in its full glory (the way I would like it to be).

Password: carmelart

Thanks to everyone and anyone who can help!

Grace

Looks fine to me. Did you solve it?

Hi @tuanphan

Unfortunately no, it's still happening on my end. Thats good to know it's not happening on your end.

But I do have another question maybe you can help with:

When I look at the Product Quick View in Mobile View, it's completely out of wack! Any way to resolve this without finicking with the Computer View? Also in Mobile View, the Product list titles are so itty-bitty and the "categories" roll off the page – is there a way to fix that too? 

Thanks so much! 

Grace

Add to Design > Custom CSS

@media screen and (max-width:767px) {
ul.nested-category-children {
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.sqs-product-quick-view-lightbox .ProductItem-gallery {
    width: 75% !important;
}
}

That helped a little, but I find that the images are still being cropped and running off the page (especially the vertical ones). I have screen shots below. 

Ideally, I would love to have the image in the center of the  of the "Quick View" window in the mobile view with the details following below. Is that possible? 

Thanks again for all your help!