Hi Webflow community, I was hoping someone could aid me in a resolution for the below issue.
I want to have a sticky Navbar whilst scrolling down to the bottom of the page.
Right now my Navbar, Header and Hero Section are in a Wrapper with display of Flex, the reason for this is i have set the Hero section (child) set to Flex grow and the wrapper to 100vh so the hero section always fills up the remaining viewport height, so the goal being no matter what is above my hero section it will only goes as far as the max viewport height and no less.
The problem is I have set my Navbar to sticky and it works great until i scroll down to the bottom of the wrapper and as you would expect from sticky elements it disapears/stays at the top.
I would like to find a work around to having the nav bar remain sticky all the waydown to the bottom of the body while having a hero section always taking 100vh no matter how big the browser gets on desktop size.
Any insight would be awesome! my main goal is to maintain 100vh for the hero section.