Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL

Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL

This is a quick tutorial for beginners to make an easy dropdown menu in HTML and CSS. If this walkthrough has helped you, please make sure to like, comment, and subscribe!

Tags:
simple dropdown menu html css,html css dropdown menu,html css dropdown menu onclick,html css dropdown menu animation,html css dropdown menu tutorial,dropdown menu html css,dropdown menu,html css tutorial,html css tutorial for beginners,html css website design tutorial,html css javascript,web development tutorial,html css website,html css navbar,html css projects,html css projects for beginners,html css beginner website,html css project tutorial,devression

[bill]

Thanks for the video. I've decided to finally get into coding, and out of all the videos showing how to do dropdown menus, yours was the clearest and easiest to understand. I appreciate you for making it.

[imaweeb]

Thanks man, it was fast and easy to understand

[SamVekemans]

That's exactly what I was looking for. Thanks! :)

[gkouglr]

"my dad left me when i was young" killed me
keep it up man great work

[DutchSapper]

Thanks man! Very simple and good explanation.

[egoblack]

Nice Video! But how do i implement this dropdowns in already defined buttons with a onclick effect?

[velomanambola]

It’s great but would be better if we can see the step by step on a live server

[brianjett]

How to make this drop-down menu responsive?

[Valtreon]

Can you please do a video for Vertical and horizontal navbar

[justinaandreas]

To me this video is blurred. I can't see the code what happened?

[mohammedsadath]

yo bro its not working. the dropdown list is not at all coming when i hover over it

[Philip]

either html and css syntax got changed or i didnt understand the tutorial but there are some bugs

[oceiuqd]

i don't understand why did you use the selector ul li ul.dropdown li instead of just writing ul. li or ul.dropdown li. why did you repeat the same selectors twice.

[Lennox-llli]

Doesnt work for me. If I hover over the dropdown menu, the dropdown disappears. :(

[Redtorres]

vertical navigation with dropdown menu

[MusicLightAR]

if you see some space in the left side in dropmenu and items not in the center do this:

ul li ul.dropdown {
width: 100%;
background: #e73e6e;
position: absolute;
z-index: 999;
display: none;
padding-left: 0;
}

just add "padding-left: 0;" in "ul li ul.dropdown" this will fix that ❤️