[Resolved] show sticky navigation after scrolling

[Kamil]

Hi everyone, is it possible to show sticky navigation only after hitting particular section when scrolling down ? for example, i have 4 sections on a page, section A, B, C, D. I’d like to show navigation only when i passed section C. have someone done that before?

[Kamil]

forgot to mention that i’m using a child theme.

[Tom]

Hi there,

Unfortunately that would take some pretty considerable coding as it is right now.

However, our sticky navigation is going through a re-write right now. I’ll keep this feature request in mind and will try to make it easier to achieve.

[Kamil]

alright, thanks!

how do i disable “transition height” effect for sticky navigation?

[Tom]

Make sure the sticky navigation height value is empty: Customize > Layout > Sticky Navigation

[Kamil]

since i had to make navigation height 111px, i just had to do the same for sticky.

thanks!

[Tom]

No problem! 🙂

[Jeff]

Any chance this request has made it into recent code (for menu to not appear until scrolling a certain distance or until a certain section)?

I found your code on another thread to hide the nav on a page until scroll and it works great… I just wish the menu didn’t pop up so immediately.

Heres what I’m currently using:

#site-navigation:not(.navigation-stick) {
visibility: hidden;
height: 0;
overflow: hidden;
}

#sticky-placeholder {
display: none !important;
}

[David]

Hi there,

no it hasn’t – we’re still investigating a vanilla javascript method of doing this as well as making other improvements to the navigation. Its on our to do list 🙂

[Author]

Posts