How To Add A Hamburger Lottie Animation To The Default Webflow Navbar

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 8

  • @Koi-studio
    @Koi-studio 10 месяцев назад +1

    Dude, I'm new to Webflow and you saved me a ton of trouble. You are a life saver! Keep up the good work!

    • @brianlove28
      @brianlove28  10 месяцев назад

      I really apreciate that...glad I was able to help

  • @ernalin7145
    @ernalin7145 Год назад +1

    Very helpful video! Solved my headache in just a few minutes. Thanks so much! You are my hero today :))

  • @joanajimenezfernandez8657
    @joanajimenezfernandez8657 7 месяцев назад

    Great video, super well explained!

  • @wolfiewolfmeister8195
    @wolfiewolfmeister8195 Год назад +2

    Problem is this doesn't work because if you click on the background or on the nav-bar itself the dropdown menu closes but this doesn't trigger the lottie animation, so then the animation is back to front from that point onwards. I'm having this exact problem and i think the only solution is to build a total custom nav-bar & setup the open/close animation using actions so the menu open/close can all be controlled as you want it. Some people suggested a javascript in the footer which will trigger a click on the menu button when you click on other parts of the page & the menu closes, but i've not managed to get that to work at all. Webflow's nav-bar is woefully out of date it has to be said.

    • @4ptgrid
      @4ptgrid 9 месяцев назад +2

      Just figred this out - the navbar component itself has special element trigger called "navbar opens" that includes the opens and close triggers you can attach the animations to!

    • @GarrettLeaver
      @GarrettLeaver 4 месяца назад

      @@4ptgrid Thank you!!

    • @k0ng152
      @k0ng152 2 месяца назад

      MVP!