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; } } …

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

@chris214 do you need mobile-first screen show to add to cart button

Hi Ketan Kumar. I want your help please. Kindly help me to resolve the issue. I have Warehouse theme install on my store. I have variations on almost all of the products. What I want is, I want to resize main image of product on product page to fit on mobile Variation images at the left s…

@yaseeng8 oh sorry for that issue you case difficult bcz to many deta your prodct name also long product name see attachment [KetanKumar_0-1652065040029.png]

Please do some adjustment for resolving this issue. Ideal optimized layout also attached for reference [Screenshot_2022-05-09-03-51-39-459_com.android.chrome.png]

@yaseeng8 oh sorry your all content too much longer but can you try this code add to cart button to show the first screen 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-form__payment-container {…

it does not make any optimization at all. I did it the correct way by the way. I have added bamaniyaketan.sky@gmail.com as in staff, please check and help me out

@yaseeng8 thanks i will check and let you know

Make product image smaller on mobile product page

Store Design

yaseeng8 May 9, 2022, 7:09am 47

Add to Card and Buy Now button are now ok, but image optimization and prices should be displayed without scrolling.
Please do this as well.
Thanks for your support and assistance

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	154	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