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

Thanks Ketan, here is the link: https://thevinylfly.com/products/siser-htv-easy-weed-12-x-15?variant=37855830933694 . I’m going to eventually to enable my swatch widget and showcase the colors in the swatches…you wouldn’t happen to know how to hide the image carousel on mobile would you?

@TheVinylFly yes, sure let me know which one do you have hide?

I would like to hide all of the carousels on my “VINYL” (HTV & Adhesive) products because there’s just so many colors to choose from and they would look better laid out in swatches rather than a carousel.

@TheVinylFly Thanks for it Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for 5-6 second .product-single__thumbnails { display: none;}

I posted that code at the bottom of my theme.css file but it didn’t seem to do anything

Is it supposed to hide the thumbnails on the mobile carousel or somewhere on desktop? I didn’t seem to see any change to my website after posting that code

@TheVinylFly yes, is possible to custom code can you please add me on staff so i will quick-fix mobile and desktop show hide

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

Make product image smaller on mobile product page

Store Design

KetanKumar January 17, 2021, 4:33am 16

@TheVinylFly

this code apply to hide thumbnails

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

Make product image smaller on mobile product page

Related topics