How to create some space between my sections?

[lufidawg]

Working on the narrative theme, my online store is www.basatelier.com

Would like to create some space between my full bleed home image and the detail photo directly under it.

Any help would be much appreciated 

[KetanKumar]

@lufidawg 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-index .main-content .shopify-section:first-child {margin-bottom: 50px;}

[lufidawg]

Thanks a lot it works great on desktop but is there a way to remove it from mobile?

[KetanKumar · Accepted solution]

@lufidawg 

yes remove first one and add this

@media only screen and (min-width: 750px) {
.template-index .main-content .shopify-section:first-child {margin-bottom: 50px;}
}

[lufidawg]

Amazing man you're too good! Thank you!

[KetanKumar]

@lufidawg 

its my pleasure to help us