For the hide/show effect you need to change translateY(move up/down) and not the translateZ (in your animation you make animation on the Z)
body you have this interaction (check!):
transform: translateX(0px) translateY(0px) translateZ(-100px);
Why? I dont know, but you add “New interaction” to the body and this cuase really wierd results (Its really weird to give the body
If you remove this you get better starting point look like this:
Now again i dont know what you trying to get but from this point try again.
- only your “navbar-11” (The main/first) is sticky. The second “navbar-10” menu is realtive so you dont add to this nav any sticky trick.