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)
*******************************************
Follow me on Instagram - / oyevipin
------------------------------
Reflona by SilentCrafter / user-907904720
Creative Commons - Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0
Free Download / Stream: bit.ly/Reflona
Music promoted by Audio Library • Video
------------------------------

[@user-yw3qc5vm6f]

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.

[@VipinMishraCodes]

Thanks for the review 🤗
I'll post more videos like this for sure.

[@aldomran8040]

Probably the best, straight to the point!

[@ptik-b_firmansyah8914]

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

[@cfegvlogs7266]

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 😊😊😊🎉

[@krishnakadivar8867]

for beginners its amazing... 👍

[@AdityaSingh-qc6js]

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

[@VipinMishraCodes]

Thanks a lot. More videos are on the way 🙂

[@user-wk6cv5ze2t]

Thanks, this tutorial helped a lot !

[@markopantovic1865]

perfect video bro
Straight to the point!

[@sandeepgupta6526]

Nice

[@leo848]

You have DEFINITELY bought subscribers

[@VipinMishraCodes]

Yeah, from Elon Musk directly.

[@would4787]

thanks, perfect tutorial!

[@fahimhassan4387]

Thank you a lot man

[@devashishpathak3481]

Good luck bro..thanks alot

[@Frankslaboratory]

Amazing

[@henritoukkari3216]

Great tutorial :)

[@darkfury3020]

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.

[@VipinMishraCodes]

The same way it appears. we are displaying the submenus only when their parents are being hovered.
& as we got some margin around our nav, submenu cant go outside the view.

[@daymonmoss7867]

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

[@adarsh-chakraborty]

I'm gonna try this today

[@VipinMishraCodes]

Good Luck!

[@syediqbalahmed3176]

good

[@user-kt7iz5jk4c]

Thanks G

[@noemil6036]

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

[@larrytv3024]

How about 3 submenus?

[@jiqana]

Anyone has the full script ? )

[@adarsh-chakraborty]

Hii sur

[@syediqbalahmed3176]

vulu ... ok ...

[@vasuprajapati8571]

sir can you please provide code

[@viane123456]

Can you give source code please?

[@reactwithmohsen7249]

github repo ?

[@revanaxundov]

kiss you for such a nice code