Fixed Header In Brine

Whilst Brine is the most flexible template on Squarespace it still lacks a fixed header. Luckily this can be easily fixed with some CSS.

Use the below code to fix the top header. This will only work for the top header area and not the bottom header area.

Design > Custom CSS

//Fixed Header
.Header--top {
    width: 100%;
    position: sticky;
    position: -webkit-sticky;
    display: block;
    top: 0px;
    left: 0;
    z-index: 9999;
}