Create Multi Level Dropdown Navigation Menu with HTML & CSS

Learn How to Make a Interactive and Beautiful Multi Level Dropdown Navigation Menu with Only HTML & CSS.

In this video, I've created a Animated & Interactive Flat Navigation Menu which also include a couple of 'CSS Flexbox' properties. Menu also contains a logo (branding) along with the 2-levels of dropdown.

*******************************************
Editor - Sublime Text 3
Plugins - Emmet, BrowserSync (For Live Browser Refresh)
*******************************************

––––––––––––––––––––––––––––––
Creative Commons — Attribution-NoDerivs 3.0 Unported — CC BY-ND 3.0
––––––––––––––––––––––––––––––

[ywqcvmf]

I have been watching so many videos since last four days, but still couldn't find the perfect hover effect that I wanted for my project. Finally I found your muted video and it helped me to achieve my desire effect for my project. But I made a tiny change though that is, instate of translateY(18px) I wrote translateY(-30px) to achieve my desire affect. And I was able to do that because of your tutorial. So thank you so much for sharing this tutorial with us. It was really helpful. Just subscribed to your channel.

[aldomran]

Probably the best, straight to the point!

[cfegvlogs]

Thanks for posting this video it's very helpful for me than i have seen so many tutorials no one explain clearly but your great 😊😊😊🎉

[ptik-b_firmansyah]

I am very grateful because your video has saved my college assignment 😅🙏

[AdityaSingh-qcjs]

Start with a Bang 🤩 waiting for more amazing videos like this.

[leo]

You have DEFINITELY bought subscribers

[markopantovic]

perfect video bro
Straight to the point!

[thaidoan]

The key point to make multi level nav is understanding containing blocks and absolute posioning.

[darkfury]

have a doubt:if u used absolute in positioning submenu2 andif the next menu(nav bar) item also has a submenu where will it go.

[noemil]

.menu > li is not working for me, it's so frustrating, none of the child selectors respond on my PC

[daymonmoss]

how to left top menu link active while submenus are opened?