Responsive Navigation Bar Tutorial | HTML CSS JAVASCRIPT

any document for source code

Man the code is having issues on small devices please run through

I watched this video 6 months ago when I started studying web development, and I couldn't understand anything past the CSS part of the video. I watched it again today and could understand everything, I'm still not a junior level though, but I'll keep pushing myself on until I get there. Thanks

You deserve a like for that Ed! :) Many thanks!

your a great teacher bro

for some reason my hamburger will not click or open the mobile menu and the text is still in the middle of my header any help would be appreciated.

Men you deserve a sub.

Very very nice tutorial

Oh I see you have some pervy HOTEL PICS in that folder of yours eh?
( ͡° ͜ʖ ͡°)

dude you've got such a vibe, which i loved it, thank you so much!!

Thank you for this great tutorial

thank you so much

I did it exactly the way he showed in the video but the mobile menu doesn't close when clicking a link. How can I fix this?

Can you do all this on notepad? Do you have to use this software? Is there a way? I know its probably longer but just wondering

Hello :) I am beginner in Webdeveloppement and I love this video. Thanks for that! But I have a little question for the animation from the burger to the cross at the end of the video. You rotate line1 and line3 for 45deg and after that you make a translate. I understand the principe but how do you calculate the values for the translate (5px and 6px)?

I learned A LOT! Wow what a great tutorial. I subscribed. Thank you. Looking forward to watching more from you!

i have a mobile i want a laptop but no money 😩
My Dark Future 😔

nice tutorial!

this is our code now ;)

That's what she said xd

super

This was fantastic

The way it was going well till javascript 😭😭😭 so exhausted of doing it for two days whenever i hover over the menu after setting the function it doesn’t display

I'm a bit late to the party... Nice video and ready to follow along. I'm just getting started with web dev and would be great if you could lay out the vsCode plugins you use... Some of those make it really easy to read and type

Can you upload the source code please. Its pretty useful to those making a mistake midway....

I just skip back to read what you write and the script is so hard to me hahhh.. the last script did not work on my browser

Hi! I need your help. I followed your tutorial and managed to do it. however, when I uploaded the site to host the site, when I open it on my cell phone, the burger links menu is generating a side scroll bar, with the menu created in the burger. how can i fix this?

Very helpful. Thank you very much

ive done everything right it just wont go from mobile to desktop without me clicking the burger, so somthing is wrong somwhere, someone please help everything is working accept that one feature.

paddding... drove me nuts. I appreciated watching the thought process. The mistakes helped in seeing how to troubleshoot. I know this is an old video, but along these lines, the huge gap between the mobile menu items, what can you do to lessen that? Thank you for this.

I've followed the Ideas of your Video. I still have the problem that I can scroll horizontally on my Smartphone.

I included the overflow-x: hidden; property. But I can still scroll horizontally.

What can I do?
Can it be that the Problem is, that I set the width of my pop-out menu to 100% instead of 50%?

Hi thank you for your video but how did you get the image of the drop down menu, the image of the black three lines logo,thank you

thank you for your video. But I have a question about "nab-active" where it comes from?

There is one problem with this navibation bar. In the mobile view, when the user click on the link, the navigation bar does not close as it should be.

hey man i got lost at the '.nav-active' where exactly in the html file is this class supposed to be, great vid by the way

my device can't recognize @keyframes. Can someone help me please?

You are awesome thank you

Am I the only one who got an issue showing the links in mobile mode? I couldn't make them visible and I litterally followed anythong he did...

you jump all over the place, it was really hard to code alongside you, and it was even harder to find what I coded wrong as the code become bigger, It would be much easier if you add the files to the description as well, would be much more useful than your pc spec information. Anyway, after @media code nothing worked for me and I am pretty sure I did something wrong, but cannot check.. so thanks it was useful till that point.

Please,Slightly zoom it .it will be comfortable to see your videos in mobile phone

Hi, if I use the firefox touch simulation, the
body{
overflow-x: hidden;
}
does not work. What is the best fix? Thanks

This helped so much for me as I am only a beginner. I tried so many other videos and they all didn't work. Great tutorial, keep up the good work.

Fantastic tutorial, really learned a lot tonight. I have one question though. How do I fix the navbar to the top of the page? When I insert "position:fixed" it goes all wonky. I can't figure out a solution. Thanks.

Thank you for this tutorial!