Why are product images stretching on mobile view of my cart page?

Topic summary

A user reports that product images on their cart page appear stretched when viewed on an actual mobile device, despite looking correct in Chrome’s mobile inspection tool.

Affected site: jardinbutchery.nl/cart (password-protected)
Theme: Masterchop-meat

Proposed solution:
Another user suggests adding custom CSS code to the theme.liquid file (just above the </body> tag) to fix the image stretching issue. The CSS targets cart item images with specific styling rules.

Status: The thread appears to be awaiting confirmation from the original poster on whether the proposed CSS fix resolves the mobile image stretching problem.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hey,

When I go to my cart or “winkelwagen” in dutch. The images are stretched on my phone. When I view it on chrome inspect mobile view it looks perfect. Any suggestions to fix this?

Page issue : https://jardinbutchery.nl/cart

Password: 1234

Theme: Masterchop-meat


(This one is on iphone)


(This one is chrome inspect, mobile view)

Hi @yessirq ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like