Hello
@DPruitt I have used your code and it worked perfectly.
However on the product page, for items that are landscape format, it moves the image to the bottom, with a huge gap between the menu and the image.
How can I fix this?
/*Product Image Fix*/
.products.collection-content-wrapper .ProductItem-gallery-slides-item-image {
object-fit: contain !important;
object-position: top;
width: 100% !important;
height: 100% !important;
position: static !important;
}
.gallery-lightbox-item img {
object-fit: contain !important;
object-position: middle;
width: 100% !important;
height: 100% !important;
position: static !important;
}
.grid-item img
{ width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: middle;
}
/*END Product Image Fix*/