Product image cover all the display on mobile

[alemidnight]

Hello,

I would like to adjust the height of the scroll container for images on the product page on mobile view.

It is too big and it covers all the display so the product name is not showing, as you can see in the following image.

This is my actual store:

I would like it to look like that:

Please the images should not be cutted off but they always need to adapt to the container.

Link is: https://midnightclo.myshopify.com

password is: pwd

Thank you!

[VIEKIN]

@alemidnight 

To achieve you can add a short code css to: Admin -> Online Store -> Themes -> Assets/theme.css file

@media screen and (max-width: 749px){
  .product-gallery__media>* {
    aspect-ratio: 3 / 4;
  }
}

 This is result:

[alemidnight]

Hello,

Thank you for answering.

This way the name of the product and the price are not showing at first, only when you scroll down