Responsive Dropdown Menu Bar Using HTML CSS & JavaScript

Responsive dropdown menu bar using HTML CSS & JavaScript. Responsive dropdown navbar html css javascript. Responsive dropdown navigation menu using html css and javascript. Responsive dropdown menu with submenu

🔔 Subscribe for more!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔗 Source code

💎 Membership

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👨‍💻 Build the project from scratch

👆 Download (empty files)
- Click on the GitHub link
- Click the green button (code)
- Click Download ZIP

📂 Assets

⏱ Timestamps
0:00 Intro Responsive Dropdown Menu
2:20 Project Setup
3:22 Variables & Reset CSS
4:07 Reusable CSS
4:25 Header
09:08 Navbar
11:05 Show Navbar Menu
15:50 Dropdown
18:26 Show Dropdown Menu
22:14 Dropdown SubMenu
26:33 Breakpoints
34:16 Final Project

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🔥 Follow me!

☕️ Support me

👍 Thanks for watching!
Make sure to like + Subscribe for more! 💗

#responsivenavbar #dropdownmenu #bedimcode

[paweb.]

I Love yours projects and design. Its simple and clean. Perfect to me.

[Hutchhh]

I'm only 11 minutes in to the first episode but this is by one of the best frontend tutorials I've seen. I love that the design involves a lot of features, and shows better ways to debug what affects what through inspect element

[RoberthSandoval]

Excelente! Ya hice el tutorial me quedó pro el menu. ¡Muchas gracias! por compartir tus conocimientos @Bedimcode 👏

[vighneshbangar]

Great video! It really helped me! But, I have a question, how do you convert ui's from dribbble into websites? Like how do you get all assets and all?

[ViKasHShArmA-rwcw]

I have a question regarding in mobile view, when I will click on navigation menu down arrow icon the page will load automatically, because it it present inside anchor tag, so how can stop, when I click on down arrow icon then show me only sub menu not load the page, and when I will click on anchor tag text so then only the page will load or goes to that page

[XLOYT]

i wish you receive my message. thank you so much brother. you are my teacher

[wkxvmzw]

Thank you very much for your good content. I am constantly learning from you. Can you make pagination for a movie website using vanilla js ❤❤❤

[nicolasmendez]

Muy bueno 🤩
Por casualidad tenes cursos para aprender de todo lo sabes 🤔
Estaria bueno poder hacer ese tipo de trabajos por cuenta propia

[chacataplan]

Excelente!!!, gracias por el gran aporte

[darkoo]

How to make the background-color var(—black-color) ?

[ethanjames]

Hey! great video, but can I ask what font do you use for vs code?

[kingmshot]

I am waiting for your voice to make videos more attractive ❤❤

[diegomaldonado]

que video tan increible, me ayudo mucho. solo que al momento de ponerle el cdn de bootstrap a mi proyecto desacomodo todo el menu. pero la solucion fue cambiar todas las etiquetas que tuvieran el nombre de "nav" por cualquier otro para que los etilos de bootstrap no interrumpieran

[sharathnayar]

It was really good !
Does the click will work in mobile devices? Because in desktop the drop down is working while hovering the menu.

[asjad.hassan]

Hey what extension your were using for comments in this video plz tell me

[PrasannaYendru]

I want a source code for travel website with attached of home aboutus to take a other place

[n.n.]

BUG found: On mobile (Android), click on the hamburger menu, then click on "Analytics". Its submenu opens, the arrow shows downwards. All good. BUT: clicking on "Analitics" or its arrow does not close the submenu again!

[dagotube]

Nice, I love your Channel❤❤ can you make responsive cake design website please?

[musicfan]

brother, you are the best blogger in your segment, I love watching you, you can make websites for making money so that any of your viewers can customize the site for themselves and can get passive income from it, it would be great, I have never met such a project , and one more request, you can do a project with AI, at least at the level of telegram bots or a todo list, but only advanced ones, I'm from Uzbekistan, you can google about my country, if of course you are interested in who your viewers are

[ga_con_di_hoc]

pls, make a tutorial mega menu in the future