Im not sure If I followed this correctly, but every time I load the site or preview, the nav is always open? it seems to start the animation with nav open? any clues or help on this? Love the video by the way! been searching for something like this for a while!
Hey there, sorry for not replying earlier. I think @usarora might have managed to answer your question. Let me know if that didn't work ( if you are still having that issue ). Drop me a message on IG @value.ivanov
it worked but i removed all the initials states from all in the Close animaton, but i have another problem, when i click it to closed the reaction is very slow, maybe it needs to reorders the frames?@@usarora
Sir you are the only one on RUclips who actually took the time to taught us how to properly make a beautiful nav bar on Webflow, and for that I wanna say thank you. You're pretty good at it too, you go straight to the point, you should make more tutorials like that. I learned a lot here, not only I learned how to make and animate a beautiful nav bar, but I also learned about LottieFiles, and since I use Figma to first make my design before using Webflow, I discovered that a LottieFiles plugin is also available on Figma ! So I literally animated my own burger icon thanks to that and animated my logo afterwards with After Effects and exported it as a json file. All thanks to your tutorial !
Oh wow, thank you for taking the time to write such a nice comment my friends. It goes a long way you know. Happy I helped, I only did this tutorial because I saw no one else resolve the problem I was facing at the time of making my website.
Thank you so much for this amazing tutorial! Your clear explanations and step-by-step guidance made it so easy to animate my navigation bar in Webflow. I really appreciate the effort you put into creating this video. Keep up the great work!
While I think there’s a general trend of Webflow tutorials being egregiously long, this was nice. You covered the basic implementation within 10 minutes. Cheers
Thank you for posting this tutorial, I’m following it and it looks like webflow has made slight changes to some of the elements. I was able to make it work.
Hi Val! thanks for the video, I managed to recreate it as a complete webflow newbie:) One things I don't understand though: how do you manage to close the menu automatically upon clicking on a link? I don't think you covered this step...Or am I missing something? TIA!
Hey thanks for the comment. It was a while ago I did this tutorial but I believe if you want the menu to close upon clicking a link the interaction trigger must be set to the "navbar opens" see this section of the video for reference - ruclips.net/video/Wn8WS4YCTK4/видео.htmlsi=733mLJGYkJyTVRrX&t=708 Let me know if this helps, if not don't hesitate to drop me a message on ig where I can try helping you a bit better!
Was helpful but your sound was way too low, so I could not really hear your properly... Had to do a lot of back and forth before I got it well. Thanks anyways.
Im not sure If I followed this correctly, but every time I load the site or preview, the nav is always open? it seems to start the animation with nav open? any clues or help on this?
Love the video by the way! been searching for something like this for a while!
having the same issue, did you figure it out?
@hi.val.design I am also having the same issue, did you manage to figure out?
I Found the solution. Go to interaction and in the [CLOSE] part remove the initial states.
Hey there, sorry for not replying earlier. I think @usarora might have managed to answer your question. Let me know if that didn't work ( if you are still having that issue ). Drop me a message on IG @value.ivanov
it worked but i removed all the initials states from all in the Close animaton, but i have another problem, when i click it to closed the reaction is very slow, maybe it needs to reorders the frames?@@usarora
Sir you are the only one on RUclips who actually took the time to taught us how to properly make a beautiful nav bar on Webflow, and for that I wanna say thank you. You're pretty good at it too, you go straight to the point, you should make more tutorials like that. I learned a lot here, not only I learned how to make and animate a beautiful nav bar, but I also learned about LottieFiles, and since I use Figma to first make my design before using Webflow, I discovered that a LottieFiles plugin is also available on Figma ! So I literally animated my own burger icon thanks to that and animated my logo afterwards with After Effects and exported it as a json file. All thanks to your tutorial !
Oh wow, thank you for taking the time to write such a nice comment my friends. It goes a long way you know.
Happy I helped, I only did this tutorial because I saw no one else resolve the problem I was facing at the time of making my website.
Thank you so much for this amazing tutorial! Your clear explanations and step-by-step guidance made it so easy to animate my navigation bar in Webflow. I really appreciate the effort you put into creating this video. Keep up the great work!
While I think there’s a general trend of Webflow tutorials being egregiously long, this was nice. You covered the basic implementation within 10 minutes. Cheers
Happy to hear!
Thank you for posting this tutorial, I’m following it and it looks like webflow has made slight changes to some of the elements. I was able to make it work.
Hey thanks for the comment and I am super happy to hear you managed to push through and get it to work despite the changes to Webflow.
Cheers, Val. Very helpful
No worries mate. Hope it helped.
Great tutorial Val - keep up the good work
Thank you for the support, Graeme! Means a lot
just what I needed, thanks!
Happy it helped!
Great video Val!
Thank you! Appreciate it a lot.
More tutorials in webflow, please :D
Hey, I am not prioritizing it at the minute. I am very sorry. But thank you for the support!
Awesome!!!
Thank you, hope it helped!
They removed the Justify option, so how can I fix the text going to the left on closing?
I am sorry but I do not know the answer to that at the minute
Hey man not sure if you still need the answer but under layout>Align>X , there is a dropdown and you can select "space between"
top content very helpful
Appreciate it! 🙏
Hi Val! thanks for the video, I managed to recreate it as a complete webflow newbie:) One things I don't understand though: how do you manage to close the menu automatically upon clicking on a link? I don't think you covered this step...Or am I missing something? TIA!
Hey thanks for the comment.
It was a while ago I did this tutorial but I believe if you want the menu to close upon clicking a link the interaction trigger must be set to the "navbar opens" see this section of the video for reference - ruclips.net/video/Wn8WS4YCTK4/видео.htmlsi=733mLJGYkJyTVRrX&t=708
Let me know if this helps, if not don't hesitate to drop me a message on ig where I can try helping you a bit better!
Was helpful but your sound was way too low, so I could not really hear your properly... Had to do a lot of back and forth before I got it well. Thanks anyways.
Sorry about that. It did bug out for some strange reason. Will make sure to have crisp audio next time.