Site URL: https://www.maldire.com/
My website has the products in the lovely gallery mode "wrap" when looking at the desktop version, here is an example:
https://www.maldire.com/shop/p/lady-hillingdon-basic
When I go to the phone version it becomes a gallery slideshow badly cropped. I tried using this custom CSS but it doesn't make any changes:
/* Mobile Product Image */
@media screen and (max-width:767px) {
img.ProductItem-gallery-slides-item-image {
object-fit: contain !important;
}
}
I just want the images with the full height and no crop.
Any ideas?
Thanks