My top navbar is set to Sticky and yet isn’t sticking. On Mobile, I am trying to make it disappear on scroll down but reappears on scroll up, and that isn’t working either. Any ideas please? Thanks!

Hey @Dorian :wave: When using the Sticky positionning, you need to make sure that you add the top value to 0, so that the nav knows it needs to stick to the top. Did you make sure that the Nav bar section has the highest z-index (it’s not hidden behind the other sections)? I might be wrong, but I…

Hey @jptrinh thanks for the reply. I did not have the top value set to 0, so I added that, but unfortunately its still not sticking. I do have the z-index set to 100 which is the highest on the page apart from a modal. Any other suggestions please? Thanks. [image]

Nav Bar Not Sticky and Not Being Redisplayed on Scroll

Ask us anything

Dorian (Dorian Workman) January 13, 2025, 8:15pm 4

Fixed it! Solution posted in this thread as its related to that: Modal not working properly? - #19 by luka

Topic		Replies	Views
Issue with modal over sticky section Ask us anything	2	226	September 27, 2022
Display bug on scroll how to deal with? Ask us anything	5	180	May 28, 2024
Make nav bar stick to bottom Ask us anything	1	282	March 8, 2024
Weird sticky / fixed header behavior on iOS devices Ask us anything css	5	1798	February 1, 2024
Opening a Modal removes sticky positioning from other elements Ask us anything design	4	77	January 31, 2025

Nav Bar Not Sticky and Not Being Redisplayed on Scroll

Related topics