Basic Custom Navbar tutorial in Webflow

In this video tutorial, I’ll guide you step-by-step through the process of building (from scratch) a basic custom navbar in Webflow. By following along and understanding the premise, you'll be easily able to create a professional-looking navbar that perfectly complements your site's design.

Intro:
00:00

Example sites:
00:05

Webflow Walkthrough:
01:20

Closing Remarks
17:15

My Website:

[PabG]

I'm very familiar with HTML, CSS, JS etc and I was really hating webflow official tutorials (felt like wasting time), this is exactly what I needed to better understand webflow and how to do all the things I know how to do in code but not on webflow. So simple!

[karlosortiz]

Dude you're just amazing, you should upload videos more often you don't have any idea of how much value you bring with these videos

[pbnjae]

This is such an undervalued channel... Your style of tutorial is so freaking easy to follow

[jirowang]

Thank you so much for this video! I see a bunch of videos saying that it's better to custom make your own navbar, but no one ever talks about how to make it responsive

[Alfie]

You're a legend Derek! Its nice to fully understand this at last. I was always using the native one but now my nav bars no longer have to suck! Thanks!

[davvy]

Searched a few days to find a video like this one. You the only one who teached this right!

[samindaranawaka]

Great work Derek! I appreciate this no-nonsense and concise tutorial very much! You explain the reasons behind the decisions, which I find extremely helpful. Looking forward to your upcoming tutorials!

[streetsofafrica]

Okay, this video is so valuable...it deserves more views. Thank you very much, Derek.

[Syndeer]

Man I was really struggling to make a nav bar and this tutorial is a gold mine thanks for uploading! Got a thumbs for great work!

[melodyxjoon]

Straight to the point! I was able to troubleshoot my own problem on webflow because of this tutorial. Thank you!!

[lobbwav]

Just starting out with Webflow & i found this tutorial incredibly informative and helpful. Thank you Derek!

[spa-asmr]

Just subscribed to say thanks for these amazing tutorials. As everyone else has said these are the best by far, easy to understand, and you show where everything is on the dashboard. Looking forward to more videos!

[VitaliyStep]

Thank you a lot man! Webflow has a bunch of tutorials but only yours helped me to understand how it works, step by step. Thank you a lot. It would be interesting to see more videos from you!

[bilal]

Thanks for the tutorial. I watched it at least twice. Will watch it once more maybe before building my own navbar 😊

[kayso]

Fantastic work. I'm getting a refresh as i haven't used webflow in 2 years. Thank you

[CarolinaPereira-kwrw]

Thank you for your video! Very easy to understand and apply. Following!

[andreiconx]

Hey Derek, thanks for the easy tutorial. Much appreciated. You just earned yourself another like and subscriber.

[ruthrajan]

wow. your videos are so much better than the content webflow puts out themselves (never clicks with me for some reason). this was so incredibly clear and helpful! thank you so much!

[kingofunique]

Great tutorial, keep them going. Was looking for a video on how to create the navbar from scratch and also thank you for showing the essential hamburger button as well.

[simoncote]

Thank you ! Im new to web flow and this video answered all questions I had surrounding navbars. I hope you will continue to upload new videos !