Pure CSS Dropdown Menu Tutorial in Hindi / Urdu

In this tutorial you will learn pure css dropdown menu in hindi urdu.You will also learn how to make multi dropdown menu in css html in hindi.
✅ CSS Tricks & Tips Playlist in Hindi / Urdu
• CSS Tricks and Tips in...
✅ Official Website
www.yahoobaba.net/
✅ Follow us on Facebook
/ yahooobaba
✅ Follow us on Twitter
/ yahooobaba
#css #css3 #html #webdesign

[@rahulbhawaliya7633]

awesome sir, lekin sir agr aap sub menu or deep menu bad mai add krte phle main menu ko smjhate to jyada accha hota esse position or achhe se smjh mai aa jati ye thoda experience vale hi smjh payenge fresher nhi..... and overall good. thank you sir

[@Anuj-yj4bx]

You made it complicated for beginners, You should have been a little simple at first, then later you can do it after understanding. I found it very hard, probably everyone who is a HTML learner. I hope you understood me!!!

[@SanjuKumar-hk8yy]

It is my favorite youtube channel where I can spend more time compared to other KZbinr. This channel content the best video lecture with full experience. Thank Baba ji🤓🤓🤓👍👍

[@baizidacademy6295]

It is my favorite KZbin channel cause is example and excellent explained

[@untoIdlores]

Sir .html file Mai Jo Likha kaam Kara lekin menu.css Mai Jo Likha bilkul kaam nhin Kia. Ye toh nhin kai mainay pehlay Sai style.css Ki file link Kari hui Hai? Plz help.😢

[@codeaided]

Best Tutorial ever.❤️👌

[@YahooBaba]

Thanks :)

[@Technical-Skills23]

Thanks brother it was very helpful for me !

[@myhelpdesk6414]

Thank a lot sir... You are great 🙏🙏🙏🙏 Mujhe apke KZbin channel se bahut sikhne ko mila he thank you so much sir....

[@YahooBaba]

Your most welcome :)

[@myhelpdesk6414]

@@YahooBaba sir mera ek question he apse, mujhe english bolna nahi ataa to kya meri coding line me job lag sakti he.

[@myhelpdesk6414]

Sir please reply me...

[@maheshchugani9368]

THANK YOU VERY MUCH SIR. REQUEST YOU FOR A VIDEO ON HAMBURGER AND BLOBS.

[@YahooBaba]

Coming soon :)

[@maheshchugani9368]

@@YahooBaba THANK YOU SIR.☺

[@AmitKumar-qv2or]

Awesome baba ji... Hope we"ll get the tutorial of mobile responsive d d menu very soon... 😁

[@iUmerFarooq]

Sir *Mega Menu* Banana sekhae jis ma humara pas Images and different list hotan han? Thank you for the awesome tutorial.

[@YouCodeRK]

Hello Yahoo baba, I love the way to explain ,but sometimes you skip some lines...at time 9:55 in vs code line 31: when you wrote float: left ,then all the text of menu got invisible.. you just said text got invisible, I want to know why it is becoming invisible on doing float left... I am struggling in understanding the same...please check those things as these things always create problem while laying out...

[@YahooBaba]

Hello Rajat, have you heard about clearfix problem. If not then see these videos : kzbin.info/www/bejne/a3q5k6itp9ekeKc kzbin.info/www/bejne/aGHNgoyNodRphc0 This problem is something like that.

[@mdnajamraine2229]

Yahoo baba always comes with new things...

[@davidbaraiya2649]

dopdown menu is possible without using float. kyu li maine jitne bhi videos dekhi sab me float use kiya hai

[@gurpreetsinghdua6064]

sir how float : left ; made things horizontal from vertical at 9:58

[@Danishfahim-n8v]

ap ke ye vedio mere buhoot kaam aay

[@bhoot1702]

Sir you're great. Clear cut instructions in Hindi- Just amazing!

[@YahooBaba]

Thanks for liking :)

[@rahulprajapati9324]

You are best teacher 👌🏻🙏🏻

[@raheelahmad3597]

Sir thank you but mujay 1 msla darpash hy jb li ko display none krta hun or baad hover me display block krta hun to ye kaam nhi krta is ki kiya wajha hy

[@YahooBaba]

Yeh toh dekh kar he pata chalega ki kya msla hai, lekin aap yha de code dekh kar compare kar lijiye ki kya difference hai : www.yahoobaba.net/lab/pure-css-dropdown-menu

[@KuldeepKumar-zo8cr]

Very helpful video....Thanks sir

[@YahooBaba]

Most welcome

[@theshilpabhabhi9222]

Thanks sir this good easy video, I like you word

[@YahooBaba]

Thanks and welcome

[@mustafa-ro4jl]

Tysm you are such a gem

[@ashermanzoor]

excellent bhi lkn agr flex used kar k karwady tu kya he bat hai??

[@chandan_mishra18]

sir md5() function jyda best h ya blowfish ???

[@TripathiPammi]

Thnx❤

[@Timed-Automaton]

Cha gay ho bhai. Subscribed! Appkay Charan Kidhar hain appkay Ashirwaat leynay hain. 😁

[@YahooBaba]

Hahaha .... Your welcome :)

[@sonu74303]

Thank you sir I love your tutorial

[@YahooBaba]

Thanks and welcome

[@priyankabhaurjar]

Sir apse ek request h ap jo b topic ka tutorial banate h agar uska responsive b bana denge sath me to samjhne me bohat easy hoga ex... Navigation, drop-down, website layout in sb ka responsive video bana dijiye pls...

[@YahooBaba]

Yes sure.

[@priyankabhaurjar]

@@YahooBaba thank u so much sir.... U r the best tutor that I have ever met online... U cleared all my doubts in very easy way.... God bless u sir...from pune

[@leninnitc]

Your voice is good sir

[@YahooBaba]

Thanks :)

[@ShahzaibKhan-wh5hh]

nice bro apki video ka wait kar raha tha

[@YahooBaba]

THanks Shahzaib... Actually Corona virus ne kaam ki aise taise kar rakhi hai.

[@ShahzaibKhan-wh5hh]

@@YahooBaba g sir or ap ki tabiat thk h na

[@BalwantSingh-jk4sz]

Superb

[@aapkaeducator2593]

Sir iske liye itna likhna prega hm bootstrap se nhi krskte ye? Please rply

[@alltechsimplified2134]

you can

[@YahooBaba]

Coder ka kaam he hota hai sara din likhna.... toh likhne se kyu dar rahe ho. I daily code for 11 to 13 hours

[@mansoorahmad822]

fantastic

[@nadeemkhan8110]

well explain, baba. appreciated.

[@YahooBaba]

Thanks for liking

[@АнтонКозлов-х4я]

I'm Two time vaccination champion India, my friend.

[@pikasiodesigners]

sir, i m making a website i tried this but can u tell me, how can right or centre align this dropdown.... will wait for ur reply

[@YahooBaba]

for right use float : right; for center align remove float property and use margin : 0 auto;

[@anjeshravi8]

My favorite Color contrast

[@AnujGupta-kw9sw]

Sir your website is amazingly designed !! Please let us know about these type of functionality that you used in your site. And what Languages and technologies you used in this website ?

[@YahooBaba]

My website is developed in Codeigniter and JavaScript

[@AnujGupta-kw9sw]

@@YahooBaba then sir plzz start new tutorials to advance.

[@sinraj0007]

Thanks yahoobaba

[@YahooBaba]

Your welcome Ravinder :)

[@muhammadafzal237]

Nice tutorial

[@YahooBaba]

Thanks

[@techtophindi1939]

Sir make video on more project basis web project

[@YahooBaba]

Yes sure

[@SAGskills]

when we hover on menu drop menu showing but when we remove cursor from main menu the drop list going quick hide.. matlab k mouse rakhne se ruka rehta hai drop menu jese hi mouse hataya ek dam jhatke se ata ha ijhatkle disappear agar hame drop menu par cursor lana hai to ek dum disappear hojata hai konsi property miss ya wrong hai ??

[@YahooBaba]

Use CSS Transition property for that

[@zinnjer]

Im glad that All the css codes are running properly, but the last css code is not working.. Please help

[@YahooBaba]

Which last CSS code ?

[@rumanzahid6671]

Thank you sir

[@ekrammallick9333]

sir make more videos on it like pure css slider,modal,img gallery, responsive navbar with flex box,side bar ec with pure css

[@YahooBaba]

Yes sure i will make it

[@achyutpal3865]

Thank-you Sir.

[@YahooBaba]

Your welcome Achyut :)

[@prince-wx5jr]

sir my problem is my sub menus disappear on hovering what is the reason behind that

[@YahooBaba]

Please compare your code with this link's code : www.yahoobaba.net/lab/pure-css-dropdown-menu

[@turabibinfarooq]

Sir float krne k bad center krne tareeqa aur header fixed krne py pura navbar ajeeb ho jata hai iska koi hal?

[@daidandy]

thanks you

[@businessidea3380]

Nice

[@hondaxblade2127]

Love you sir 😍

[@YahooBaba]

Thanks Honda :)

[@bhairabborah2260]

Thank you sir, kya drop-down se dusre page me kaise redirect karte hai kya woh bata sakte hai

[@YahooBaba]

Uske liye anchor tag mein href="" property ke andar doosre page ka path pass kardo.

[@josephjoe6060]

Hello, sir. how are you doing? I have a small question? are there any plans for you to teach tutorials regarding 'Angular JS'? please do teach about Angular JS too, if there is any chance! thank you, sir!

[@YahooBaba]

Yes I will teach AngularJs, React Js, Node JS, Vue JS after completing PHP course.

[@josephjoe6060]

Ok Bhai, thank you so much.

[@AnkitSingh-sy6sb]

Hi Sir Please Upload Full Responsive Menu Video with open dropdown in click in mobile and open dropdown on hover in desktop ......

[@ashvanikumar6305]

Sir please isko mobile pr bhi adjust krna shikao on click pr kaise show hota hai submenu please its request

[@creative9247]

Thank You, Sir, for your hard work.

[@muhammadafzal237]

Sir menu ma agar hover k bajay click krny pe sub menu display kerna ho tu kasy kary.

[@YahooBaba]

Uski jagha par (:focus) pseudo class use karenge.

[@bodhisattabhattacharjee3338]

My menus's hover effect not showing, I repeated the video 3 times and on the third time I wrote both HTML and CSS exactly what you wrote. - But it still won't work HELP ! @14:00 other than the hover effect there is no other problem

[@YahooBaba]

Send your code file at my email address : [e-mail] I will check it

[@bodhisattabhattacharjee3338]

@@YahooBaba I sent you HTML, CSS files, thanks for the fast reply

[@YahooBaba]

I have checked your code their are multiple mistakes in html and css. You can see the correct code from here : www.yahoobaba.net/lab/pure-css-dropdown-menu

[@bodhisattabhattacharjee3338]

@@YahooBaba In the html and css files I sent , i did only till the part where I got stuck @14:00 and didn't proceed further. But in the next link you sent, there are some changes which are not in the actual video. (i'm not counting the changes done after @14:00) And still on comparing your video with my code they are quite same where as the link you sent me has so much different code. Thank you for fast reply and also thanks for sending the main files I'll study them.

[@shahzadmukhtar8400]

Agr simple ik hi menu bna ky smghaty to zyda smgh ajani thi

[@faisalmalik4988]

sir very nice video

[@YahooBaba]

Thanks Faisal :)

[@mahendrarawat88]

Sir aapke jitne bhi tutorial h esaki koi download cupy nahi aati aapke paas like...CD..pandrive etc

[@hollywoodexplained9728]

Bro Can you make like this with JavaScript , because I want learn hover navigation menu with js. plz plz 🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🤚🏼🤚🏼🤚🏼🤚🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🤚🏼🤚🏼🤚🏼🤚🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼

[@SajadHussain-hr3hi]

sir display block tu li mein use karte hain apne ne direct ul mein use kia hai kio

[@YahooBaba]

dekhiye Menu banane ke kahi tareke hai. Agar aap Li tag ko display block banana chahte hai toh use bhi kar sakte hain.

[@SajadHussain-hr3hi]

@@YahooBaba sir please ek esa video banao jis mein html5 css3 bootstrap javascript or jquery ko ek sath front end project mein use karne ka tariq ho please sir please sir

[@yaminbhurgri5848]

sir header ke bi codding kr ke smjao

[@joaquimcoelho3136]

Sir, Instead of using Id (#) can we use div class:?

[@YahooBaba]

Yes you can but it is best to use id because we can use id in one page only once but class name is uses as many times we want.

[@joaquimcoelho3136]

@@YahooBaba thanks, sir. Your tutorial was a very good one.

[@asimbag2107]

Very nice, but it is not clickable. How to make its a clickable menu? Pls answer me.

[@YahooBaba]

It is totally clickable. Just pass the URL of any webpage or website in href="" attribute of anchor tag.

[@kherakshay7854]

Bhai plz LARAVEL and AJAX ke video banaona ye to design Baad me kar lenge

[@moinsyed1269]

sir please Python pe Bhi kam kerwaen

[@mohammadsulemankhan58]

sir is ko ap flexbox may eik dafa ban dy

[@sanusingh368]

First view

[@YahooBaba]

Gr8 :)

[@salmanshareefqureshi9644]

sir ap please (ajax, jquery with asp.net mvc) pr vedio bnaye hindi me qk ap achi tarah samjha rhe ha,

[@YahooBaba]

Ajax with PHP jQuery 2 days mein shuru hone wala hai.

[@salmanshareefqureshi9644]

@@YahooBaba lekin ye (asp.net mvc) se thora diffrent hogi

[@supriyasen5989]

How will I make it as responsive drop-down menu? Could you plz explain?

[@YahooBaba]

For that we have to use Javascript or jQuery. I will make a separate video on it.

[@abdullahghaffar575]

very complicated kr diya ha ap na for beginners

[@YahooBaba]

Bhai isko isse aasan tareke se main nahi samjha sakta.

[@aqeelahmad2721]

Sir php ki next video kb upload karenge

[@ashharmansuri6816]

Bhai isko responsive kese karege

[@KuldeepKumar-zo8cr]

It's mobile responsive or not?

[@YahooBaba]

No mobile responsive.

[@savitasahu3581]

#menu > ul and #menu ul. Mai difference btado plz

[@YahooBaba]

See the advance selector video tutorial in CSS Course playlist for that

[@savitasahu3581]

@@YahooBaba I want a talk with u...is this possible plz

[@junaidtariq4547]

create a video on hamburger menu and responsive meny

[@YahooBaba]

Coming soon :)

[@mohammadrizwan5927]

Zaber10♥️

[@YahooBaba]

Thanks Rizwan :)

[@mohammadrizwan5927]

Bss koshish krty hain ap sa kuch new mil Jay seekhnay ko jis sa faida ho or ap Hmesha is koshish pa puray utr ty hain 🎉🎉😇

[@shankarganeshacharya4272]

How to write paragraph contents on home or deep menu, Please help

[@YahooBaba]

You can't write paragraph in this specific menu. You have to make a Mega Menu for that.

[@shankarganeshacharya4272]

@@YahooBaba can you do video on that ?

[@YahooBaba]

It will take some time for that but from here you can download JS mega menu : www.bestjquery.com/demo/jquery-mega-menu/

[@shankarganeshacharya4272]

@@YahooBaba then what will you write on those main tabs and sub tabs.

[@YahooBaba]

Which tabs and sub tabs ?

[@mdhasiburrahmannafiz9984]

What a tutorial man!! Thank you so much

[@YahooBaba]

Glad you liked it!

[@cutesubhan9324]

lun b smj ni i apni taraf se chawliyan mari ha rhay ho... thora si list add kr dety itni sari listing add krdee lora smj a rhi ha

[@brijeshkumarsharma3062]

Very very good

[@YahooBaba]

Thanks

[@dancewithme1218]

Sir what is difference between pure css and css

[@YahooBaba]

That is same dear. Actually developers uses css and javascript to make these dropdown menu and I build it without Javascript thats why i write Pure CSS

[@amigosfriends2104]

Sir Issi ko php sending dynamic krdo Maja Aajaega

[@MuhammadAdnan-gx6rd]

With Jquery ?

[@rumanzahid6671]

Side nav bar b bta den sir

[@rayofhope9376]

sir please phely navigation bar sikhadain!

[@AnujGupta-kw9sw]

Sir when you will start angular ??

[@YahooBaba]

Don't know when but I will make a full course on Angular.

[@muhammadbilalhussain4279]

Salam sir larvel ki series kb ayego

[@YahooBaba]

After completing PHP course codeigniter and laravel course aayeinge.

[@mkay6574]

It would be very nice to see the source code of both files for comparing all the uls and lis side by side.

[@mdhasiburrahmannafiz9984]

Agar drop-down menu se Transition lagti toh ziada accha hota

[@YahooBaba]

Yeh just basic dropdown menu hai toh maine jyada complicated nahi kiya hai ise.

[@mdhasiburrahmannafiz9984]

Thanks for reply, sir. The tutorial was gorgeous just like your other tutorials..

[@gwala_kapil_vlog]

Mega dropdown meanu bhi sir ji with responsive... :)

[@YahooBaba]

Yes sure coming soon :)

[@gwala_kapil_vlog]

@@YahooBaba thanks you 🤗

[@mohammadsumonsheikh2388]

please make it responsive

[@ashutoshmehere5915]

sir plz explain in detail...

[@misterr9849]

react ky lecture kb start hogy hen

[@YahooBaba]

React mein toh abhi time lagega.

[@gamersylum3674]

Sir ise responsive kese kare?

[@YahooBaba]

Use Javascript.

[@abdulhassan88]

is menu ko responsive kesy krain gy??

[@YahooBaba]

Javascript se

[@abdulhassan88]

@@YahooBaba wo video ap n bnai h to please post link here

[@abdulhassan88]

@@YahooBaba responsive video is menu ki chahiyea

[@NitinKumar-dd8ml]

Sb dmg se nikal gya

[@amaz43]

is it responsive!

[@YahooBaba]

No it is not responsive but soon i will make a video in Responsive menu.

[@amaz43]

@@YahooBaba thanks sir..make it as possible as you can..and iahve another more request to you,make a full video playlist/a video about jquery plug in&browser support/cross- browser compatibility..your technique to teach just awesome..