What css is needed to make the header sticky/fixed on Haute template?

Hi guys it would be great if anyone knows how to make the navigation header fixed to the top of the screen on the Haute template?

The mobile header is already fixed but I cant manage to do it on desktop. I imagine there might be some simple css that I can add  🙏

Thanks!

Hi there. Insert the following via Custom CSS:

.Header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 890;
}

.collection-type-blog.view-list.tweak-blog-list-full-bleed:not(.tweak-blog-list-filter-show) .Header, .collection-type-blog.view-list.tweak-blog-list-full-bleed.tweak-blog-list-filter-show:not(.has-active-filter) .Header, .collection-type-blog.view-item.tweak-blog-item-header-full-bleed .Header {
  position: fixed;
}

-Brandon

Add to Home > Design > Custom CSS

header.Header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}