Remove padding around homepage image on mobile version (Minimal theme)

Solved
devbug
Explorer
44 0 14

Hiya! Currently building my webstore using minimal theme! 

I was wondering if anybody could help me remove padding all around the image block in my webpageo on the mobile version of my website! 

Here is what it looks like atm: (It has white borders all around the image)(It has white borders all around the image) (it has white border all around it)

 

Here's how i'd love it to look like: 111111111.PNG(same image but without any borders)

 

Thank you so much in advance!! 

URL: https://isole-worldw1de.myshopify.com/

PW: abee

0 Likes
g33kgirl
Shopify Partner
277 77 93

This is an accepted solution.

Hi @devbug add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.scss.css

@media only screen and (max-width: 749px){
.template-index .main-content {
    padding: 0;
 }
}

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
devbug
Explorer
44 0 14

That was it!! Thank you, have a nice day

0 Likes