Why is there blank space under product pictures on mobile view?

Store Design
1

Please help! When clicking on a product, there is a lot of blank space under the product picture. It only does this on mobile view, desktop view is fine. I am new to coding stuff so the more detailed the instructions, the better! Thank you

https://limitlessdecors.com/products/fan-metal-wall-decor-35297839?_pos=1&_psq=japa&_ss=e&_v=1.0

product_page_1.JPG
product_page_1.JPG2730×1533 130 KB

product_page_3.JPG
product_page_3.JPG2731×1530 396 KB

2

There are some styles issues, try this

update your theme.css (or theme.scss) and remove height: 100% from the following

.product-single__media {
  margin: 0 auto;
  min-height: 1px;
  width: 100%;
  height: 100%;
  position: relative; }

@media only screen and (max-width: 749px) {
  .product-single__thumbnails-item-slide {
    display: block;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 5px 2.5px; } }

limitless.PNG
limitless.PNG462×818 258 KB

You also have a liquid error on your page “Liquid error: Argument error in tag ‘include’ - Illegal template name”, you should try and fix that, looks pretty bad

3

It worked! Thank you so much!