White Space removal of sections on home page

Store Design
1

Hi guys my website is pawsandbeyond.co and when in Mobile view and on desktop the white space between all the sections is too much and I want to make it look neater and tighter ive tried other solutions but the code doesnt work when I paste either this

#shopify-section-1585918331779
{
padding-top: 0px !important;
}
.section-header
{
padding-top: 0px !important;
margin-top: 0px !important;
}

Or if I paste this

.section-header__title {
margin: 5px !important;
}
.index-section {
padding: 5px !important;
}
.grid-link{
padding-bottom:0px !important;
}

Im putting them at the bottom of theme.cscc.liquid and no change

1 Like
2

@AtomicNerve

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-index .index-section{
margin-bottom: 0px !important;
}

Hope this works.

Thanks!

3

hello @AtomicNerve

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index .shopify-section.index-section{
        margin-bottom: 0px;
    }
1 Like