Help with images appearing cropped on mobile site

Site URL: http://thetwistedink.com

Hello,

I’m looking for some help with my products page on my mobile site. When you click into the product all the images are cropped and wont enlarge… how do I remedy this to see full size images please?

thanks in advance!

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}

.tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical .ProductItem-gallery-slides:before {
    padding-bottom: 100% !important;
}
}

Thank you! 

Now I am having problems with having different sized images appear in full on product pages on the web browser version. Mobile site is fine. 

Can you please help me with this?

thanks in advance 🙂

On 12/15/2021 at 10:19 AM, Thetwistedink said:

Thank you! 

 

Now I am having problems with having different sized images appear in full on product pages on the web browser version. Mobile site is fine. 

 

Can you please help me with this?

 

thanks in advance 🙂

 

 

Add to Design > Custom CSS

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important;
}