How to remove padding between sections on homepage - EMPIRE Theme

[racegermanusa]

Looking to remove the padding between sections added on the empire theme.  Not sure why they are so large. In this scenario between the banner and the feature products collection.

Thanks in advance

[topnewyork]

Hello,

Please share "Store URL".

Thanks!

[racegermanusa]

www.racegerman.com or testrg2022.myshopify.com either work. 

[LizHoang · Accepted solution]

Hi @racegermanusa 

You can follow the instruction here to remove the padding : 

1. Go to Shopify > Theme > Customize > Settings > Custom CSS

2. Copy this code and paste to the section > save

@media screen and (min-width: 1024px) {
    .home-section--title {
        margin-top: 1.25rem;
    }
}

@media screen and (min-width: 860px) {
    .home-section--title {
        margin-bottom: 1.25rem;
    }
}

Here is the result: 

[racegermanusa]

Thank you! This worked great.

[racegermanusa]

Is it possible to fix this for mobile view too?