liquid image

[Bless10]

I put an image on the “our products” page and in the desktop version, the image is perfect. However, in the mobile version, the image is cut off. He’re is the code that I put:  <img src="https://cdn.shopify.com/s/files/1/0079/4391/3549/files/Campagne-Moisson-Montreal-FR-ENG-_1.webp?v=16..." alt="" style="max-width : 600px;
max-height : 150px;"

What should I to do ?

Thank you for your help

[theycallmemakka]

can you provide link to your store?

[Bless10]

Yes of course

https://blessnaturel.com/en/products/creme-bergamote-et-vanille

[theycallmemakka · Accepted solution]

Hi @Bless10 ,

Replace your image tag with bellow image tag. I have added few css to resize it on every screensize.

<img src="//cdn.shopify.com/s/files/1/0079/4391/3549/files/Campagne-Moisson-Montreal-FR-ENG.webp?v=1699230527" alt="" style="width: 100%;height: auto;object-fit: cover;aspect-ratio: auto;">

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

[theycallmemakka]

Hi @Bless10 ,

Seems like you have incorporated the updated code that I suggested and have fixed the issue. As my assistance was beneficial, please remember to 'Like' it and mark it as the solution!

Best Regards,
Makka

[Bless10]

Yes my problem is solved!

Thank you very much