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

Technical Q&A
1

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.jpg
1.jpg1125×2436 104 KB

2
  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
3

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;
}

Jkolinovich_0-1621691932429.png
Jkolinovich_0-1621691932429.png1156×351 137 KB

4

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!