Remove gaps on mobile between sections (Debut theme)

Solved
Highlighted
Tourist
7 0 1

I’m trying to make a 'slideshow' section closer to an 'image with overlay' on my homepage for mobile using the Debut theme, it’s perfect on desktop but when it’s on mobile there's a big gap.

 

https://orange-tree-artisanal-soap.myshopify.com/

 

Desktop:

Screen Shot 2020-05-29 at 9.48.28 PM.png

 

Mobile:

Screen Shot 2020-05-29 at 9.48.17 PM.png

0 Likes
Highlighted
Shopify Partner
87 10 20

This is an accepted solution.

@orangetreeph 

Apply this css, 

@include media-query($small) {
#shopify-section-1590647861093 {
    padding-top: 0;
    margin-top: 0;
}

#shopify-section-1590509819915 {
    padding-bottom: 0;
}
} 

 to your theme.scss 

1 Like
Highlighted
Tourist
7 0 1

Wow thank you, it worked!

 

Not to be a choosing beggar, but is there a way to make it even closer?

0 Likes