Header/Nav moves with page scroll

Site URL: https://www.ingernovajorgensen.com/sculpture

I am wanting to make the header/navigation area move with the page as you scroll.
I thought there was a setting, and I can't seem to find it.

Any help is appreciated.

3 hours ago, Cornflower said:

Site URL: https://www.ingernovajorgensen.com/sculpture

I am wanting to make the header/navigation area move with the page as you scroll.
I thought there was a setting, and I can't seem to find it.

Any help is appreciated.

Which template you are using

3 hours ago, Cornflower said:

Site URL: https://www.ingernovajorgensen.com/sculpture

I am wanting to make the header/navigation area move with the page as you scroll.
I thought there was a setting, and I can't seem to find it.

Any help is appreciated.

Hey, try to use this in the Custom CSS:

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

On 10/5/2021 at 12:29 PM, Nazar said:

Hey, try to use this in the Custom CSS:

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

I think sticky won't work, try fixed

header.Header.Header--top {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    width: 100%;
}