@media(min-width: 978px) {
  .desktop-menu__scroll{
    #container{
      padding-top: 26.4rem; // Write here your header element height value
    }

    header{
      position: fixed;
      top: 0;
      left: 0;
      animation: stickyAnimation 0.5s;
      .responsive-padding(); // Function with padding, added in the repository as well

      &:before {
        position: fixed;
        top: 0;
        left: 0;
        animation: stickyAnimation 0.5s;
        max-height: 100px;
      }

      .bars_top.bars, .breadcrumbs, .idm-help, .top-bar{
        display: none !important;
      }
    }
  }
}

@keyframes stickyAnimation {
  0% {
    transform: translate(0, -100%);
  }
  100% {
      transform: translate(0, 0);
  }
}