Hi everyone! I’ve set the size of my product images to “medium” on the product page and it all looks good on desktop. But I think it’s a little too big on mobile and would like to make it smaller on just mobiles. The “small” alternative would suit better on mobile, or if it is possible to set it t…

@KalleSpang Thanks for confirm Go to Online Store->Theme->Edit code Asset->/Theme.scss.liquid->paste below code at the bottom of the file. @media only screen and (max-width: 749px) { .product-single__media { padding-top: 100% !important; img { height: 100%; object-fit: contain; } } …

@juiceindia yes, please try this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. @media screen and (max-width: 640px) { .product-gallery__size-limiter .aspect-ratio { padding-bottom: 45% !important; } .product-gallery__size-limiter i…

Thanks, it has solved the purpose. When we click the image to zoom, a new issue arises. I am attaching the screenshots. @KetanKumar [this is not ok] [This is ok]

@juiceindia oh sorry for that let’s have check and update

@juiceindia can you please remove first code after adding this updated code @media screen and (max-width: 640px) { .product-gallery__size-limiter .aspect-ratio { padding-bottom: 45% !important; } .product-gallery__size-limiter img.product-gallery__image, .pswp--zoom-allowed .pswp__img { o…

@KetanKumar Sir this is not working. Same problem [4483CE91-AE6E-4258-AE21-0E4C3B2ACCB8.png]

Hi @KetanKumar [Bildschirmfoto 2022-05-04 um 10.07.59.jpg] could you help to adjust the product image so that the add to cart button is visible above the fold for mobile? I need the product photo to be smaller on mobile. I want mobile users to see the button when the page opens. thank you so m…

@chris214 Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

@KetanKumar the Flex theme allows for custom css https://help.outofthesandbox.com/hc/en-us/articles/360022329373

Make product image smaller on mobile product page

Store Design

KetanKumar February 23, 2022, 5:02pm 36

@juiceindia

if possible to give theme access so i will check and update

Topic		Replies	Views
How can I resize product images without affecting mobile view? Store Design	1	41	August 21, 2022
Make product thumbnails smaller on the phone / Focal Theme Store Design design , shopify-themes	3	54	October 31, 2022
Reduce image size on product page just on desktop version (Modular theme) Technical Q&A	11	149	November 30, 2023
Prestige theme - Make product image smaller on mobile device Store Design customizations	2	66	March 22, 2023
Make The Product Image Bigger On Mobile Phone / Focal Theme Store Design design , shopify-themes	7	89	October 7, 2023

Make product image smaller on mobile product page

Related topics