Removing gaps from homepage debut theme (mobile only)

Store Design
1

Hi everyone,

I would like to remove the white gap on my home page between the first and second section (screen shot attached). However I only want to remove the gap between these sections on desktop.

I have attached the mobile view so you can see the gap I want under the BUY NOW button.

Your help is appreciated .

1 Like
2

url:

https://2woat2sqpoil1zb5-54993551588.shopifypreview.com

1 Like
3

@Timstar - do you want something like this?

suyash1_0-1652771301142.png
suyash1_0-1652771301142.png1366×768 172 KB

4

@Timstar

yes, please add this

@media only screen and (min-width: 750px) {
div#shopify-section-1652238851daa8d546 {padding-top: 0;
    margin-top: -55px;}
}
1 Like
5

This looks good!

6

@Timstar

on mobile

@media only screen and (max-width: 749px) {
div#shopify-section-1652238851daa8d546 {margin-top: -15px;}
}
7

@suyash1 Yes!

8

@Timstar - please add this css to the very end of your theme.scss file and check

#shopify-section-1581847084750{padding-bottom: 0px;}
#shopify-section-1652238851daa8d546{padding-top: 10px;}
9

Perfect, Thank you!

1 Like
10

@Timstar - great, please accept it as solution.

11

@Timstar

thanks its my pleasure