Responsive Dropdown Menu Bar With HTML CSS And JAVASCRIPT

Responsive Dropdown Menu Bar With HTML CSS And JAVASCRIPT

Source code ⤵️

Subscribe for more! 🔔

⏱ Timestamps
0:00 Intro
1:38 Project setup
2:14 Menu Dropdown html
3:52 Variables css / Reset html
5:43 Menu Dropdown css
11:44 Dropdown css
14:50 Media queries

Follow me ⤵️

Support me, buy me a coffee ☕️

Thanks for watching!
Make sure to like + Subscribe For More!

#responsive #dropdown #menu

[blessdarah]

I don't know why I didn't find your channel earlier. So much inspiration for me as a developer. I've got a couple of stuff to solidify. I'm glad you do what you do.

[georgep.]

Crushing it!!! I've been searching and searching for ways to do a multi-level dropdown menu and this video is perfect! Thank you so much for taking the time to create this.

[terencedhlamini]

Thank you for being so approachable and responding to people's inquiries, i know you put your sweat and tears in this

[sumanshekhar]

We want more of you :p Totally love your inspiration. Can you please come up with a fashion model website?

[RajeshKumar-uwqi]

Really most awaited tutorial...my big thanks for your pricless time and efforts you

[deathgunnn]

Awesome tutorial once again, you showed us how to code dropdown menu using css trick and very simple easy to understand JavaScript for beginners like me. One thing I really want to learn more from you is JavaScript tutorials like starting with basics, I would appreciate it Bedimcode, my mentor!

[dhamaradamsik]

i loved your tutorials dude, its help me too much as beginner developer, i'll subscribe u

[onuryuksekkaya]

dude you are amazing, please keep recording tutorials.

[bobby_k]

Brilliant stuff, thanks for the video!

One thing I'm a little confused on though. at 7:12, you use max-width. Considering this is mobile first, why would you put that code in a max-width media query, as opposed to letting it be part of the main code?

[vibhutinarayanmishra]

i donno why dropdown menu doesn't connected to my css file all other stuff is conncted but only dropdown menu is giving me error. is there any logic for using dropdown__menu i am using dropdown_menu

[eliascerne]

How to change the white background to an image?

[beastesport]

Great bro but you always not add search box in nav bar please next time add it

[rehanchoudhury]

How do I position this fixed in the top, will making the nav class position fixed work

[hafizsakib]

Can you Please share the name of your VScode Theme?

[anassl.]

Beautiful work, I tried the source code but when the window is less than 768 the hamburger button doesn't show and the profile image disappears, can you please say why that happens ?

[TechnoSG]

Really Amazing Bro ... Where Are You Form.

[GottiUd]

Hello, On mobile view, Do you have to click to open the dropdown list or is it automatically open?

[knowledgeshop]

Great video, can u plz mention the name of vs code theme used in this video?

[CristianLopez-vnnf]

Hola, te quedó genial, pero ¿porqué al estar en exactamente 768px de width desaparece todo el header? saludos desde Guatemala.

[salvadordelacruzhidalgo]

Justo lo que buscaba, porque todo en ingles bro? :( aparte no hablas :/ Excelente aporte