Different image sizes for different views.

Solved
Highlighted
New Member
7 0 0

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:

deskview.jpg

 

But are enlarged and magnified in mobile view:

 

mview.jpg

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.

 

 

0 Likes

Success.

Shopify Expert
2123 354 445

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.

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
7 0 0

Thanks heaps Jasoliya that worked perfect.

0 Likes