Navbar Drop Shadow & Unfixing to top of screen

Hey y’all, I have two navbars on my homepage named ‘Nav Default’ and ‘Alt Navbar’ — I can’t seem to figure out how to unfix ‘Nav Default’ so it doesn’t float with scroll.

Secondly, I want to add a dropshadow to ‘Alt Navbar’ and for some reason it won’t work?

Third, an interaction question: I made the dropdown interaction of ‘Alt Navbar’ by setting a Legacy interaction to the top section … move ‘Alt Navbar’ into view when scrolling out of section. I imagine this will be a pain to setup for each of my landing pages within /product. Any suggestion of how to do this differently / easier?

Thanks so much for your help!
TJ


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Regarding the first, the wrapper inside has a position fixed.

1 Like