I just started a design for a friend’s business. I want there to be a landing page with a background image that fills the screen . I want a navigation bar to appear at the bottom of the page with links to the rest of the sections. When the user scrolls up, I want the navigation bar to remain fixed at the top of the screen.
As you can see, the navigation bar will stick to the top, but only until the second section reaches the top of the page, then it pushes the nav bar out of the viewport. What am I missing to fix the navbar to the top of the viewport permanently?
Here’s a link to the codepen project: https://codepen.io/artbaker82/pen/RworKJb?editors=1000
Thanks for your help!