Dawn Theme - Reduce Image size On Product Page

Dawn Theme - Reduce Image size On Product Page

Tags
Dawn Theme
Published
Published April 21, 2022
Author
LamQSolutions

Intro

Currently image size on the product is huge.
If you want to reduce the image size, you can follow steps below
notion image

Solution

Step 1

Go to file Assets > section-main-product.css and find the following code
notion image

Step 2

Try changing the percentage to whatever you want, for example: 50%
.product:not(.product--no-media) .product__media-wrapper { max-width: 50%; width: calc(50% - 1rem / 2); }
 

You may be interested in our Shopify app

Ultimate Sections - Slideshow, Gallery, FAQs, Brand, Testimonial and more
Scrolly Telling - Create scroll-based animations visually.