Main product picture selected is too large and cuts off some of the image

StellarFae · ‎06-01-2025

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

Betterave-Nina · ‎06-01-2025

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).

➡➡ Easy Embed Code ⬅⬅ insert CSS/JS/HTML/Liquid code into any store page

Speed Booster App - Improve your store speed in 3 clicks
Need professional help with your Shopify store? DM me, let's talk!
Geeky notes

StellarFae · ‎06-01-2025

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.

Dan-From-Ryviu · ‎06-02-2025

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; }
}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Main product picture selected is too large and cuts off some of the image

Main product picture selected is too large and cuts off some of the image

➡➡ Easy Embed Code ⬅⬅ insert CSS/JS/HTML/Liquid code into any store page

Community Blog Articles