Remove border of product image on mobile Debutify theme

Solved
JTainsh
Tourist
6 0 2

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.comIMG_2382.PNG

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2298 413 538

This is an accepted solution.

@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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post

Reply 1 (1)
diego_ezfy
Shopify Partner
2298 413 538

This is an accepted solution.

@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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.

View solution in original post