I have noticed that the image selected on my product page appears larger and crops some of the image. I want to turn this off if possible.
shopify URL - www.stellarfaecreations.com
Hi @StellarFae . Are you still getting this issue? If so, what browser are you using?
It looks completely fine (non-cropped) to me in all resolutions (tested on both Chrome and Edge).
Thank you for letting me know it looks fine on your end. I’m using chrome desktop. Hoping its only an issue for me and not others. It doesn’t do it mobile which is nice.
It is cropped based on screen height. Please add this code to solve the issue
@media (min-width: 750) and (max-width: 1400px) {
.product__media-wrapper .product__media img { object-fit: contain; }
}