Remove border of product image on mobile Debutify theme

Store Design
1

Hey for some reason when i view the site on mobile, a thin white border appears at the bottom of the product photo, wondering how to get rid of it thanks. Using Debutify Theme, store: thepodpal.com

IMG_2382.PNG
IMG_2382.PNG1284×2778 258 KB

2

@JTainsh , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
@media (max-width: 767px){
    .media-wrapper{
    background-color: transparent !important
}
}

Kind regards,
Diego

1 Like