Different image sizes for different views.

[MikeyD]

Hi. I've got a problem with product images I have placed in the product description being magnified on mobile view.

I've inserted 'small' images which are displaying fine on desktop view:

But are enlarged and magnified in mobile view:

Product page: https://www.thestorageresource.com/collections/cable-organization/products/silicone-cable-organizer

Any suggestions on how eliminate the magnification and enlargement would be great, I'm using minimal theme.

Thanks, Michael.

[Jasoliya · Accepted solution]

Hi @MikeyD 

Add bellow css in your description of product.(Change description view to html and add in style tag)

<style>
@media screen and (max-width: 425px){
.product-description img {   width: auto; }
}
</style?

Note: because you have images in your description that need full width but for this product you no need full width.

[MikeyD]

Thanks heaps Jasoliya that worked perfect.