JavaScript - How to Create a Responsive Hamburger Menu with HTML, CSS, & JavaScript 

One of the best tutorials I have seen up until now in JS for a simple dynamic! Even tho it's a simple topic, some people over complicate their tutorials so much, thank you!!!

In case anyone encounters an error with the JavaScript code not working, remove the script tag inside the tag and add it inside the body right before the tag. That way, the javascript code will be executed after the HTML Document has fully loaded. Your welcome!

Literally the best hamburger tutorial out there hands down. Took me forever to find one where I could understand. Bravo!!

Thanks for this! I searched all over for a simple, straightforward tutorial on making a collapsing navbar/hamburger menu like this, and yours is the best! I appreciate you getting straight to the point.

Hello and thank you ! This has helped me a lot. By far the cleanest tutorial and the best explanation. Thank you for giving us such a powerful content. Cant wait to see more from you !

Genuinely a really big help for my website. I had put off making a popup menu for so long because the last explanation I saw made my head spin. This was easy to digest and easily customizable. Big thanks.

Thanks these has been a very educative tutorial,has helped me as a student doing computer science ,simple brief and direct to the point

I've learnt alot since I subscribed to this channel, your videos are always comprehensive and precise.

Thank you sooo much. Been troubling myself with bootstrap all this while when I could have just made mine. This tutorial helped a lot ❤️

Probably one of the best 😂 stuff, the way you turned hamburger into cross. Appreciable 🌸✨👍

Thank you very much for this tutorial. I am a beginner and it was really well explained which makes it easier to understand.

You have got some way to deliver what no one else can in my many years or self learning. Thank you so much.

Thank you, clear and step by step explanation. I was looking for this!❤❤

this was really helpful. thank you for making it so simple for me

Simple and straight tutorial.. thank you..

Thank you very much. I was struggling to make my navbar responsive, your video has helped me a lot. It was very easy to follow.

Making the cross was dope ... You deserve more subscriber...

This was a great tutorial. I was looking for a simple way to add a hamburger menu and this was perfect. Nice and simple and clean. Thank you.

Cheers man. Nicely put

Thanks you saved my life from hamburger hell, from now on you're my master you have my subscription.

My guy, you helped me a lot in javascript, I had a problem with my Responsive Menu, I thank you immensely, because I solved my case, congratulations for the video.

Yo man great tutorial, best one i've found so far.

Thank you! This was super helpful.

The best js tutorial that i have ever seen, thanks bro.

Easy, and clean, thanks its a great tutorial

Thank You, this tutorial was so easy to understand. 😁

Hello, you have an excellent way of explaining and your videos are on point and easy to understand !!!

Thanks man! I appreciate your all the efforts buddy! you cracked complicated matters in the simplest way. #respect

Best easy responsive menu tutorial I found after scrolling thro internet for an hour

Such a good video man, Thank you!

Good tutorial man 🖤

thanks for this tutorial, it helps me a lot

Greet tutorial, simple and clear.. many thanks for what you are doing man!

Great tutorial! You help me so much. This tutorial was it what i needed.

Super clear & brief tutorial - thanks a lot!

Thank you so much for a brilliant tutorial!

tysm, this helped me so much, cool vid bro keep up the good work

Smart work

Great stuff. Subbed!

This is very helpful. Thank you for this!!

Awesome tut, thanks a lot man

Wow, this is an amazing tutorial

This video is very insightful... thank you a lot...I have learned so much from the video

Excellent! Thank-you

Thus is some great resources. Great work!!!!

You don't know how much pain I had to make that thing work, and it never worked until I discover this video. Thank you a lot.

Great video, well explained and demonstrated, easy to follow understand and implement because the tutorial is so well presented. Thanks! Was a great help.

Great stuff. Subscribed. 🍻

beautiful smooth menu, great job! thx for this video

thank you so much! this helped a lot

thankyou! was able to incorporate into my existing code easy and now everything looks so much cleaner to what i was doing before!

Very simple, clear and straight forward. Yhanks a lot

Wow. It could be this easy? Thank you so much. New subscriber here.

Thanks man !!! , your video was awesome keep up the good work

Man thank you so much. this has really helped me. ❤

Thankyou so much for this. You've earned another subscriber - great video :)

Solid tutorial

This with hamburger and adding spans blew my mind till now i was just adding font awesome icons, this sure teaches u that you can do awesome things with only basics

Thank you so much for this tutorial! This was a life saver. Trust me!😅

This video is awesome and so helpful! Little wonder it came tops in my search result.

looks awesome!

Excellent!

Awesome, thanks! Liked and subscribed!

Thank you so much for this information 💯🙏

Splendid video!! Kudos to you mahn. 😮😅

this is great video! thank you sooooo much!

very helpful, thank you!

Damn! You made this look a cake wake for us. New subscriber bro!!

You've just save my life!!!

Of the 1 million Menu tutorials I have seen this is the BEST

This is so amazing, thank you so much. It was so easy to follow and understand what you were doing.

Thank you so much. This really works. 👍

Great Video! This really helped me a lot!

excellent ! thank you!

Thank you very much. Your video was the only one that I understood. I spent my entire weekend trying to learn this menu burger and could not understand it. Your video taught me!

Thanks for the video it really was helpful

Thank you this is so helpful

was trying to figure out the js to close the hamburger on link click and found it in this video. Thank you!

excellent tutorial.

thanks, you enlighted me. it's really hard to find a clear explanation.

You are a lifesaver

Thanks bro! Liked & Subbed.

amazing. thank you

Thanks for your tutorial it help me

Thanks you so much you made my day

I ever seen this kind of clean explation video you made my day, but only thing we need to look into it when we have menu-links than we unable to scroll up & down I request you to check that please make a video on huge menu navigation bar sir....

Great demo. I adapted this for my react site. Adding comment to boost your YT algorithm. :)

Wow, it works! Gracias✌

Very helpful video

If i saw this video earlier it could have saved a lot of time

Thank u sooooo much !!!

easy and simple 👌

Thanks good tutorial

Bravo!

Hi, thank you very much! This video really helped me!!!!

Thankyou so much working for me

Thank you bro

thank you for the JS hamburger code (to close it when clicking links) I'm total noob but i finally made my hamburger menu work as intended 👍👍👍

I just want to say that you are the shit!! Keep it up brother, you'll definitely grow on RU-vid doing this stuff, good voice, right pace, great and simple coding (no homo). I rarely comment. and even less subscribe! You earned the subscribe hands-down. I Look forward to seeing more content. funny story, I spent 30 minutes trying to figure out why JavaScript wasn't working (first time with JS), just to realize that my dumbass didn't do the hamburger class on html, SMH. peace!🤙

With the JS file I had to change nav-Menu class to navMenu for the mobile menu to work, and for the class .navbar, use justify-content: space-around, worked best for me to avoid adding padding. Overall great Vid, helped me to get my boiler plate with nav included, now I just change the CSS variables to modify the colors.