How can I increase the product image size on the Dawn theme?

Store Design
, ,
1

Hi there, I am trying to increase image size on the product page. Currently, it looks like this (mobile view below).

Is there a way to make the image bigger such that it fits the screen? The image does not have to be square, it can be rectangular as well. However, currently if I set the image to be rectangular, the image will appear even smaller (as it will fit the rectangle into the square).

I am using Dawn version 11.0.0.

Thanks!

photo_2023-12-18_20-20-31.jpg
photo_2023-12-18_20-20-31.jpg591×1280 99.4 KB

2

Hi @laura_sg
Place the below CSS to base.css

@media only screen and (max-width: 600px){
  [id^="MainProduct-template"] {
    padding: 0px !important;
  }
  .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
    padding: 0 1.5rem;
  }
}