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

[@Koi-studio]

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]

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

[@ernalin7145]

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

[@wolfiewolfmeister8195]

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]

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]

@@4ptgrid Thank you!!

[@k0ng152]

MVP!

[@joanajimenezfernandez8657]

Great video, super well explained!