Hi there, the images on my product page on desktop version are too big. I want to makle them smaller but just on desktop version (not mobile!) maverde.de Can anyone help? Thanks! Nicolas

hello @NicolasMaverde the code so it just works for desktop. please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. @media only screen and (min-width: 749px){ .template-product .product-layout-images { max-width: 35% !important; …

hello @NicolasMaverde can you please share screenshot which images do you want to Reduce image size on the product page

Hi @Kinjaldavra I mean the big Image on every product page like this: [NicolasMaverde_0-1624460234961.png] Thanks in advance!

@NicolasMaverde , do this to fix it in 20 seconds: In your Shopify Admin go to: online store > themes > actions > edit code Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file: .product-layout-images { max-width: 35% !important; width: 100%; margin: 0…

hello @NicolasMaverde please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. .template-product .product-layout-images { max-width: 35% !important; width: 100%; margin: 0 auto; display: block; }

@Kinjaldavra @diego_ezfy Thanks to both of you. Both codes work but not just for desktop version like I want it. On mobile I don´t want a change. With your code it looks like this: [NicolasMaverde_0-1624535982601.png] Can you edit the code so it just works for desktop. Thanks in advance! Ni…

Hi! I saw your wonderful advice and am wondering if you could help me with a similar issue. I would like to reduce the featured product image only on desktop. Do you maybe have a code I could use? Any help would eb greatly appreciated as I have been looking for an answer nonstop and haven’t been abl…

Also I have dawn theme, not modular.

@bondbeyondbox Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Thank you so much! This is webiste url https://bond-beyond-box.myshopify.com/ and the password is BoxBeyondBond.

I am using “Taste” and there is no “theme.css” file… is there another to use instead? My site is: https://www.fullheartart.com/ [noTheme.png]

Reduce image size on product page just on desktop version (Modular theme)

Technical Q&A

NicolasMaverde June 23, 2021, 2:57pm 3

Hi @Kinjaldavra

I mean the big Image on every product page like this:

Thanks in advance!

Topic		Replies	Views
Make Product Images Smaller On Desktop Store Design liquid , design , customizations , css , third-party-themes , shopify-themes , product-page	7	141	July 31, 2025
Decrease the size of product images in shopify Store Design product-page	2	74	August 20, 2025
Reduce multicolumn image size for desktop view Shopify Discussion troubleshooting	5	62	November 6, 2023
How can I reduce the size of a featured product image? Store Design	2	74	September 22, 2021
How can I resize my product page image for desktop view? Technical Q&A	2	56	July 26, 2021

Reduce image size on product page just on desktop version (Modular theme)

Related topics