My Product Page first image of product start showing to small on mobile and desktop both as seen below: [img.png] Then I added following code in my theme file editor /assets/base.css " .productView-image.fit-unset .productView-img-container img:not(.zoomImg) { width: 500px !important; height: …

What’s the URL of your store?

You can replace in base.css file. Use Width and Height 100% this will fix for both desktop and mobile view without product image stretch. .productView-image.fit-unset .productView-img-container img:not(.zoomImg) { width: 100% !important; height: 100% !important; }

tried your code didn’t worked results: [Screenshot 2024-07-23 024624.png]

Product Image

Store Design

Testing120 July 22, 2024, 9:48pm 5

tried your code didn’t worked

results:

Topic		Replies	Views
Product Image Issue Store Design product-page	6	88	July 24, 2024
Why my store product first image is showing very small Shopify Discussion troubleshooting	4	62	July 14, 2024
How can I stop product images from zooming on mobile and desktop? Store Design customizations , css , product-page	1	77	January 23, 2024
Same image size on product page (mobile) Store Design product-page	1	87	August 8, 2024
Mobile view on product page full width of screen Store Design	5	70	August 30, 2021

Product Image

Related topics