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

That would be great! how do I go about adding you to staff to edit that for me?

@TheVinylFly https://help.shopify.com/en/manual/your-account/staff-accounts/create-staff-accounts

Great, Just need your Email Ketan, sent you a PM

@TheVinylFly Great Thanks i will check and sent details

Please help me @KetanKumar i use theme warehouse. www.thecocoexpress.in i want to make product image smaller on mobile product page. Thanks

@KetanKumar Sir my point is, the website viewer on mobile should see the price without scrolling. the viewer have to scroll a bit to see the price.

@juiceindia can you please share issue images?

[104EE39B-BF37-4028-A338-FFC824B0E614.png] [CD1C2F25-0C1B-4EB0-A8AF-AB947B4CFF86.png] @KetanKumar On mobile, the viewer has to scroll to see the price.

[9512E488-7D68-4B7F-A176-E206529F8E06.png] I need something like this @KetanKumar

Make product image smaller on mobile product page

Store Design

KetanKumar February 22, 2022, 11:08am 24

@juiceindia

sorry for any issue have check real device it proper look if you have issue please share screenshort

Topic		Replies	Views
How can I resize product images without affecting mobile view? Store Design	1	40	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	140	November 30, 2023
Prestige theme - Make product image smaller on mobile device Store Design customizations	2	65	March 22, 2023
Make The Product Image Bigger On Mobile Phone / Focal Theme Store Design design , shopify-themes	7	87	October 7, 2023

Make product image smaller on mobile product page

Related topics