How can I reduce section spacings on the Sahara Theme?

Store Design
, , , ,
1

Hi guys,

I need to reduce the spacing between sections cause there’s too much white space.

Preview - https://nuu4cjs1iffttskz-59577598157.shopifypreview.com

1 Like
2

@combased

Please add the following CSS code to your assets/base.css bottom of the file.

.shopify-section {margin-top:5px !important; margin-bottom:5px !important;}

Thanks!

3

Nothing has changed. Maybe it’s not about the spacing but about the section paddings?

4

@combased

Please add the following CSS code to your assets/base.css bottom of the file.

@media screen and (min-width: 750px){
:root {
    --page-gutter: 4rem;
    --section-vertical-padding: 3.6rem !important;
}
.section-template--19190128935245__c9f0a747-074a-42a9-9f79-fdab50133ee8 {
margin-top:0rem !important;
margin-bottom: 0rem !important;
}

}