Hi there,
I just started building my own website with webflow and have a problem positioning the navbar as I want it to be.
In the finished website the navbar basically should be placed on top of the second section, not on top of the hero section. So when someone enters the site there is just the logo on top and a picture slider. Below that the navbar shall be placed. Plus I would like to make use of the interaction “page trigger” from there on - so the navbar disappears when I scroll down from the second section and pops back up when I scroll up again. The difficulty seems to be fixing the navbar on top of the second section so the “page trigger” doesn´t apply to the hero section.
Since I couldn´t find a solution fixing the navbar on top of the second section, to be able to add the “page trigger”, I created two navbars. One on top of the hero section which I made invisible throughout the hero section (so I have a fixed position for this navbar) and added the “page trigger” to disappear scrolling down and reappear scrolling back up. A second navbar on top of the second section because I want the navbar to always be visible as soon and as long the second section is in view/visible. From the second section downwards it works fine. The problem is that the “page trigger” also applies to the hero section which I don´t want. So scrolling up and down wihtin the hero section makes the navbar appear and disappeaer, but the navbar shall not be visible there at all. In preview mode of my site my written explanations hopefully show themselves
https://preview.webflow.com/preview/pointmara?preview=0d9305940a9f3fbd346c470a388e7ebb
I hope there is anybody who can help. I was just trying to fix the problem with two navbars. Might have built a total mess, I don´t know. Just tried to find a solution… Hope there is any.
Thanks
Lara
…