static (sticky) navigation in header | WordPress.org

Resolved paulius
(@paulius42km)

10 years, 5 months ago

Hi,

Is there a way to make the top navigation static? Meaning it would stay on top of page when scrolling down.

I tried playing around in CSS with ‘static’ ‘fixed’ and all other values, but that only messes up the whole layout.

Thank you

Viewing 7 replies - 1 through 7 (of 7 total)

themehit
(@themehit)

10 years, 5 months ago
Hi, try this
```
.nav-primary {
    position: fixed;
    width: 100%;
    background-color: #fff;
}

.site-header {
    margin-top: 80px;
}
```
Hope that helps
Thread Starter paulius
(@paulius42km)

10 years, 5 months ago

Thanks for a reply, but this does not seem to work for me.

themehit
(@themehit)

10 years, 5 months ago

odd, it worked for me. Can you post your site url?

themehit
(@themehit)

10 years, 5 months ago

odd, it worked for me. Can you post your site url?

Thread Starter paulius
(@paulius42km)

10 years, 5 months ago

sure, here it is http://www.42km.lt/

AndreaKr
(@andreakr)

10 years, 4 months ago
themehit
(@themehit)

10 years, 4 months ago
My code works on your site. Go to “Appearance > Customize > CSS” and drop the code
```
.nav-primary {
    position: fixed;
    width: 100%;
    background-color: #fff;
}

.site-header {
    margin-top: 80px;
}
```

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘static (sticky) navigation in header’ is closed to new replies.

Tags

7 replies
3 participants
Last reply from: themehit
Last activity: 10 years, 4 months ago
Status: resolved