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

yessirq
Tourist
7 0 1

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

 

yessirq_0-1712496437981.png (This one is on iphone)

Screenshot 2024-04-07 at 15.23.44.png (This one is chrome inspect, mobile view)

Reply 1 (1)

theycallmemakka
Shopify Partner
1484 337 360

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 </body>

 

<style>
a.cart__image img {
    object-fit: cover!important;
}
</style>

 

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

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com