Removing white space (padding) under header in Debut theme

[checkoutfirst]

Hi, I'm hoping someone can figure out how to remove this white gap below the header.
I've tried a lot of methods in different threads, but had no success. My theme file is .css, not .scss
My website is www.checkoutfirst.com



thank you!!

[Zworthkey]

@checkoutfirst 

Welcome to the Shopify community!
Thanks for your good question.

kindly share your store URL, so that
I will check out the issue and provide a solution.

[checkoutfirst]

www.checkoutfirst.com

[Zworthkey]

@media only screen and (min-width: 600px) {
.index-section--flush:first-child {
    margin-top: -50px !important;
}
}

@checkoutfirst 
Add this code in the bottom of the theme.css file and save it.
Thank you

[checkoutfirst]

This didn't work

[Zworthkey]

@media only screen and (min-width: 750px) {
.hero--x-small {
  height: 94px;
  margin-top: -48px !important;
  }

}

@checkoutfirst 
Add this

[DelightCart]

Go to theme.css

Fine the class name ".main-content"

remove the padding -top: 35px;

[infoatcodelab7 · Accepted solution]

@checkoutfirst 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css  and paste this at the bottom of the file:

@media screen and (max-width: 749px){
    #PageContainer {
        padding-top: 53px !important;
    }   
}

Thanks!