Responsive Navigation with Hamburger Menu - CSS And JavaScript Tutorial

In this tutorial we're taking a classic navigation and we're converting it into a Responsive Navigation using #CSS and a little bit of #JavaScript.

---
Follow me on:

[heshboi]

Took me a while to figure out I needed to import the font awesome icons url. Kind of an important step you missed out there.

[MarukoSama]

Literally a life saver of a video...I have really bad professor, who wouldn't care to explain anything and this 7 min video, taught me more, than him whole semester...

[pakshaljain]

This was exactly what I was looking for. This tutorial is very simple and not very complicated like others out there

[hegyilevente]

I was stuck for 3 days because when i clicked the menu and my side bar disappeared, after i maximized the window it didn't came back. With this solution everything works just fine. Thank you! Definitely subscribed!

[Rabonito]

This is exactly what i'm looking for. Simple, clear and on point details. You explain everything that you do. I instantly smack the subs button. Thanks man. Keep it up

[ujjwalgupta]

i tried so many methods to create this but your method is so straight forward and easy

[vasilterziyski]

i love you, you saved my life! such an inspiration

[charliemanansala]

Dude, you explained it as easily as 1, 2, 3 Thank you, bro!

[Ziiser]

This is great, thanks! I just have one question. How do you make the menu disappear when you click a menu item?

[prithaviraj]

One of the most concise video, loved the content 💜

After completing the video, I realized that my codebase is not messed up, it's just like yours 😄

[GabrielCG]

I've seen another video that the JS had something like 130 lines lmao. Your video are so simple and understandable. Thank you so much!

[lonleybeer]

Dude you're a legend for this simple explanation

[alimroweh]

Thanks for the great content.. Does this allow you to animate the change? I noticed you didn't set a specific height for the nav ul

[kayosud]

You have made an amazing job with this explanation, thanks a lot!!! It was very easy for me to follow along each step.

[gokuusan]

Thanks dude you explained much better than my teacher.

[rexyou]

Hi sir, do you have any videos about this navigation bar animation (such as closing, fade-in/fade-out etc)?

[sarahhodges]

Thank you so much--I read many different tutorials and this was so clean and straightforward and perfect. I was able to get the look I was hoping for on the first try. Thank you!!

[dcm-code]

hey Florin, I checked out a dozen other tutorials on the matter, yours seems to do the job in a simpler manner but retaining beauty.
Thanks!

[cvaldivia]

Thank you so much for the tutorial Florin! It was really helpful and above all, so easy to follow through.

[MarketingCiprian]

Best video ever for navbar and hamburger<3