How to fix oversized product image issue in Dawn theme?

Store Design
1

https://bleswold.myshopify.com/products/quark-yoghurt-plain

The product images are far too big on the page and the table is compressed.

I’ve resized the images to 800px, 600px, etc but this does not seems to affect the issue.

pw:skeosh

2

Hi @kirkcanada ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css->paste below code at the bottom of the file:
@media (min-width: 990px) {
.product--large:not(.product--no-media) .product__media-wrapper {
     max-width: 48% !important;
}
.product--large:not(.product--no-media) .product__info-wrapper {
     max-width: 52% !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

@kirkcanada

You don’t need custom coding to solve this problem:

  1. In your Shopify Admin go to: online store > themes > customize
  2. From the dropdown menu at the top, click on products > default product

diego_ezfy_0-1649377817725.png
diego_ezfy_0-1649377817725.png1024×491 20.3 KB

  1. Click on “product information” on the left.

diego_ezfy_1-1649377859647.png
diego_ezfy_1-1649377859647.png785×672 86.4 KB

  1. Under “desktop media size”, choose “small” and save:

diego_ezfy_2-1649377893856.png
diego_ezfy_2-1649377893856.png526×725 38.6 KB

Let me know if you need any further assistance.

Kind regards,
Diego

1 Like
4

Diego,

Thanks for taking the time to include those screen shots. I’ve tried every way to navigate following your steps but I don’t see any of those options.

I am using a trial version of Shopify and the taste theme. Could that be why I’m not seeing those options?

Could you try to log in and se if you can find it?

https://bleswold.myshopify.com/products/quark-yoghurt-plain

pw:skeosh

5

I’m sorry it took so long to respond to your offered solution. It worked great and I want to thank you for the time you took to help me out