Sticky navbar appear after 1st section

Design help Animations & Interactions
1

Hi Guys,

I need your expert help! How can I put the sticky navbar after my first section(hero section), I want to appear it after the 1st.

Here’s the website I want to mimic the sticky nav bar interaction(when scrolling it down it will appear the navbar): https://www.lucemg.com/

Here are some screenshots:
my webflow:

stickynav bar 1
stickynav bar 11347×629 307 KB

mimic nav bar:
stickynav bar 2
stickynav bar 21347×629 42.3 KB

and video screen link: Awesome Screenshot

Here is my public share link: https://preview.webflow.com/preview/lucemg-2?utm_medium=preview_link&utm_source=designer&utm_content=lucemg-2&preview=2e24c8be40c628a0a5dd28067357e320&mode=preview

I appreciate your help. Thank you

2

hey

  1. it looks and works just fine as it is!
  2. probably some custom code would do it
  3. I got as far as making it appear when you scroll down the page, but unless you want it to stay on the page forever once it’s been seen, this isn’t great - Webflow - lucemg 2.webm - Google Drive
3

Thank you so much @Jonathan_Holden big help . That will be fine

4

Really like your information the way you are telling the books in custom DIY is just awesome. But carpet cleaning specialists in singapore is also important to make your home more prettier. So check out this if you are interested the check out our services also professional carpet cleaner singapore.