White space above announcement bar

[Fabian_weldon]

Looking at my website there seems to be some white space above the announcement bar for some reason. 

I have looked at solutions but none have worked.

Thank you in advance

[PeanutButter · Accepted solution]

Hi @Fabian_weldon, problem comes from this css line:

.template-index .index-sections .shopify-section {
    margin-top: 50px !important;
}

I believe this is custom code added to timber.scss.liquid to make the margin between sections in the homepage smaller. 
Problem is that this is adding a margin to the first section, and therefore the white-space

I think that if you remove the !important from the css line you will fix the white-space issue and also maintain your current margin between section. The proper code would be:

.template-index .index-sections .shopify-section {
    margin-top: 50px;
}

[PeanutButter]

Just for reference, I see that you added this code after being suggested here https://community.shopify.com/c/Shopify-Design/remove-padding-from-custom-html/m-p/1029947#M260119

[Fabian_weldon]

that worked perfectly. thank you so much for your help