How to remove the gap between the top of the page and the sticky header on Brine/Foster?

Site URL: http://www.woollyhoody.com

Hi, I've used a CSS code to make the top header sticky but there is a gap between the top of the page and the header when I scroll. How do I make the gap disappear?

I've used the following code to make the header sticky:

.Header {
  position: fixed!important;
  z-index: 1000;
  width: 100%;
}

@media screen and (min-width: 641px) {
  .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main {
    padding-top: 81px;
  }
  .Intro + .Main {
    padding-top: 0px;
  }
}

43 minutes ago, Ugne said:

Site URL: http://www.woollyhoody.com

Hi, I've used the following code to make the top header sticky but there is a gap between the top of the page and the header when I scroll. How do I make the gap disappear?

I've used the following code to make the header sticky:

.Header {
  position: fixed!important;
  z-index: 1000;
  width: 100%;
}

@media screen and (min-width: 641px) {
  .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main {
    padding-top: 81px;
  }
  .Intro + .Main {
    padding-top: 0px;
  }
}

Please provide your site password

The password is:  staywarm

9 minutes ago, Ugne said:

The password is:  staywarm

update this header style

.Header {
    position: fixed !important;
    z-index: 1000;
    width: 100%;
    top: 0;
}

@bangank36 thank you so much! solved it 😄