Why is my Dawn theme product image too large?

Store Design
9

You can edit the images and the product info sizes easily. Just a few edits here.

  1. Go to your Online store > Themes > Actions > Edit code
  2. Go to Asset folder and open the section-main-product.css file.
  3. Find the code below
@media screen and (min-width: 990px) {
.product:not(.product–no-media):not(.featured-product) .product__media-wrapper {
max-width: 64%;
width: calc(64% - 1rem / 2);
}

  1. Change the max-width to 50%

  2. Next, find the other code for the product info, see below

.product:not(.product–no-media):not(.featured-product) .product__info-wrapper {
padding-left: 4rem;
max-width: 36%;
width: calc(36% - 1rem / 2);
}
  1. Change the padding to 5rem, max-width to 50%, then click SAVE