How To Make Drop Down Menu Using HTML And CSS

How To Make Drop Down Menu Using HTML And CSS
☕️ Support me
www.buymeacoff...
👇 Social Media:
Twitter: / iamhamidur
Source Code:
lightcodeblog....
More Videos ?
Responsive Navbar Tutorial
• Responsive Navbar Tuto...
How To Make Login Form Using HTML And CSS Step By Step
• How To Make Login Form...
How To Make Animated Registration Form Using HTML And CSS Step By Step
• How To Make Animated R...
Navigation Menu With Awesome Hover Effects Using Only HTML & CSS
• Navigation Menu With A...
Amazing Animated Search Bar Using ONLY CSS & HTML Tutorial
• Amazing Animated Searc...
3D Flip Card Effect On Hover Using Only HTML & CSS
• 3D Flip Card Effect On...
Advance Animated Navigation Menu With Hover Effects - HTML & CSS
• Advance Animated Navig...
Display Flow Root Property in Css
• Display Flow Root Prop...
Build Tabs Using HTML & CSS
• Build Tabs Using HTML ...

[@Krishnasaini]

instead of hardcoding left:150px, we can do right:0 and transform: translateX(100%). it will align the chile to the right edge of the parent. Good video

[@1k3j95]

man this stuff blew my mind, the clarity of thought you have is amazing

[@FrancisUnegbu-r5b]

I understood every bit of it, thank you so much, I've been struggling with dis for several months

[@madhuras1762]

are u using notepad or something else ?
can u tell me which application u are using?

[@lightcodechannel]

VS Code Editor.

[@nayanwabale5362]

Make 1 video about how to design navigation bar drop-down menu
Means when we click on particular drop-down menu then automatically open next webpage

[@YasaruDeneth]

one year a go i make a website i didnt remember to how to make a dropdown menu so i search every way the web videos and studing but i found this video i learn how to make a dropdown menu and the year later i forget to backup it so it deleted when i m cleaning the storage to get more space on disk i cant find anywher in disk but i think i found this video again

[@wisdomisaiah]

😂😂😂😂😂

[@brightasinde7034]

I appreciate you for putting A good work for us.
Please can you crate a contact menu or nav bar with a link button to it
So that when you click on contact menu a pop up form will display. Like contact us form, logging or massage us form will display as a popup in contact menu❤

[@somadinakyrian3064]

Yes

[@lightcodechannel]

Here you go ruclips.net/video/W4-CcsGzQMc/видео.html

[@thisis3621]

One of the best video in entire youtube. keep it up

[@msatyabhaskarasrinivasacha5874]

Nice and awesome....................Extraordinary

[@lightcodechannel]

Thank you very much!

[@PixelGunner3D]

did all steps correctly but the dropdown wont display up at top its stuck in left bottom.

[@vmtamilselvi7973]

s

[@namjotsingh]

Amazing explanation. This video helped me understand how to use hover effect in Navigation bar that I have seen in many websites such as Steam. Thanks for this tutorial.

[@lightcodechannel]

Glad it helped! You are welcome!

[@ronojpayeng637]

. dropdown-menu-1 { display: none;}
Command not working. Please help.. here
But first main menu
. dropdown-menu { display: none;} woking.

[@samueldayo9261]

I Love this background Tune, what's the instrumental name

[@ubaid_dev]

Mate Please Tell me difference between postion absoulte and position relatives Mostly
Doing Back end I forget

[@ubaid_dev]

And Please Tell me What is that height : calc(100vh-80px);

[@lightcodechannel]

100vh refers to 100% of the viewport height, which is the height of the browser window.
So, calc(100vh - 80px) would result in a height value that is equal to the full height of the viewport minus 80 pixels.

[@lightcodechannel]

I suggest taking a look at the article below as it may provide you with the answer you are seeking.
kolosek.com/css-position-relative-vs-position-absolute/

[@panchtantraKiKahaniyan896]

can you please tell me which app you are using for html

[@hridyanadappattel4400]

vscode

[@takejob.online]

Vs code

[@meerabofficial1092]

nice effort plz agr ap esy ak ak lfz smjha b. dyein TU mere lye asani hogi plz

[@technicianjakir3908]

vai kotha ta hole icon er jonno ki bosstrap ba ki link babohar korchen bujlam na

[@albedesigns]

Great video - straight to the point and easy to understand! Subbed as well!

[@lightcodechannel]

Thank you so much for your kind feedback!
I'm thrilled to hear that you found the video helpful and easy to follow. I appreciate your support !

[@ammarsiddiqui6486]

it's outstanding but the problem is that i also do the half part and the half part use this video but just i apply display none it's then apply hover so it''s not work

[@joelojo4072]

Amazing video, keep it up man 👏🏾 ...Can you teach how to make it responsive tho

[@Rehskiimusic]

I can see my caret icon?

[@EltonPajaziti-x9y]

Great Video-Man Can u help me if i want FAQ to have right section like Team how to write code ?

[@ronjaschulze802]

Hello I wanted to ask if you could maybe show how to pin this drop download menu so that it is watching it scollen down all the time. Please this is very important for me I have to do this in chemistry.

[@lucatudtudose3299]

I still have trouble putting the caret down

[@saidulislamnayeem7200]

Just Wow. I learned dropdown menu to easy way ❣️🥀

[@SushilMouje]

Excellent tutorial :)

[@rozinapervin3767]

hover does'nt work. all code are right , whats the problem

[@lightcodechannel]

Please see the description.
There is a source code link, Please download and check again.

[@PixelGunner3D]

@@lightcodechannel source code still doesn't work mate.

[@BlackDev]

love your intro 1st time here def sub

[@danielkim1034]

Nice and clean. Thanks a lot!

[@somadinakyrian3064]

Can I get the link to the background img

[@lightcodechannel]

Please see the description for the GitHub link to the assets folder.

[@Ahmed_Mughal_]

Very Nice

[@Kanikaran1409]

Athume solama epudi podurathuku neega vedio podamale irukalam brooo😂

[@janazurynkova418]

thank y for the video...just learnt something new today!!!

[@WadieGamer]

Thank you, easy and straightforward

[@shankarganeshacharya4272]

How tow write paragraph contents for main tabs and sub tabs . Plz help

[@munwarhussainabro4009]

Amazing explanation.

[@kamalipayanam]

Image box pola mattum thaan varuthu anna

[@devaprasath9018]

sub-menu is defined name or user defined name?

[@SportsandHistory]

very nice sr

[@naturevibe172]

Thanks a lot! 😊

[@nkienkie948]

Good luck bro✊

[@Azaniqbal-wk7bk]

wow Amazing😍

[@RiffatNaeem-m3p]

Thank you 💓

[@amhsports-o6o]

thanks alot sir

[@rgarciap7]

Very good and working code. Others have demos but code does not work.

[@29ibrahimsayed95]

hover is not working properly

[@amirakhaled-yg9gq]

nice Design

[@lightcodechannel]

Thanks a lot, Amira!

[@riteshvaghela2170]

How do I make these link in center

[@sureshoddolu1532]

Nice

[@el-jivacarter552]

How did u make ur name logo look real

[@rishisharma8596]

thank you

[@divyanshurawat-ox8xi]

BEST VIDEO

[@lightcodechannel]

Thank you, Divyanshu!

[@aroojmazhar-b4w]

code available ha ?

[@lightcodechannel]

Arooj, Please take a look at the source code link mentioned in the description.

[@AlexAnder-fk2yg]

great vid, so easy for you

[@lightcodechannel]

Glad you think so!

[@aikotan5884]

can you do one where the navbar box doesn't cover the logo but its the same line?

[@khairulbashar4585]

same to me :(

[@An-yh2bl]

It was good, I would like to do it with JS though. :)

[@arifhossen7364]

tnx brother

[@CabShare]

This is not mobile responsive. Drop down does not work properly on mobile phone.

[@justinaandreas647]

Codes are not visible😢😢😢😢😢

[@lightcodechannel]

Not sure, what do you mean, Justina?

[@fanueleshetu8652]

keep it up bro

[@computingpulse9144]

Great info..

[@lightcodechannel]

Thanks

[@ertekinertunc]

great explanation, thank you

[@lightcodechannel]

You are welcome!

[@SR-gk3gm]

Interesting

[@lightcodechannel]

Thank you S R.

[@heshammagdy3837]

legend❤❤

[@badhanroy2185]

Demo please sir!

[@sayyedtausif9079]

helpful

[@lightcodechannel]

Glad to hear that, Sayyed!

[@Xalgrazz]

thanks for the help bro i subbed

[@maurov6861]

Thanks a lot!

[@jamso_12]

thanks

[@PixelGunner3D]

nevermind i got it to work mate.

[@carnofagus]

No responsive? Next!

[@Mandadi.Damodar]

Source code bro

[@lightcodechannel]

Please check in the description.

[@mdamir3668]

thank you very much

[@m0d_du_b0t18]

its wow but at the end i couldn´t see the last css thing

[@lightcodechannel]

Thanks
Now you can see :)

[@m0d_du_b0t18]

@@lightcodechannel thanks but I have A Problem : i Put my Image for the background but it didn't worked

[@najouahimri4308]

@@m0d_du_b0t18 same problem

[@EstherNellyForGod]

Thank you Sir

[@alexice8426]

What is the app coding name?

[@lightcodechannel]

Its VS Code Editor, Alex.
Please check this out code.visualstudio.com

[@alexice8426]

@@lightcodechannel thanks

[@ranashahab5511]

👍

[@delioskayzox9658]

Thanks :)

[@nova9915]

Cool

[@vijaythakur7878]

Bro first you check how to be responive.

[@svaeidi6174]

Thk

[@danforumHU]

nice, but not responsive.

[@eleminatorgaming8677]

Right

[@unknownbot1756]

Can you plz provide source code

[@lightcodechannel]

Please see the description.

[@mirfan6119]

Thanksssssssssssssss............

[@Kaakabaakskshd]

This is using for loop

[@abrorturdialiyev]

nimaga manda oxshamadi

[@bukharihidup220]

+1 sub

[@mohammedafzal3761]

So disgusting

[@nova9915]

Thank u

[@akshaykakade3782]

thanks