Padding on bottom of product photos - mobile only - Debut theme

I’m having trouble getting my product photos to appear correctly in mobile, there’s a comically absurd amount of padding on the bottom. I added a screenshot to show what I’m talking about, the website is unicorngrowbags.com

Thanks!

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Assets > theme.css and paste the code below at the end of the file
.product-single__media { height: auto !important; }

Hope this will help.

Thanks

1 Like

hi,

@wedgekahr

check your page, the modifications in the image

Look in theme.css for the following line and comment:

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

I am having this problem too on mobile and the code is not working, can you help? Shopify Theme: Wokiee - URL: www.coralfishsupplies.com

Thank you!