Pure CSS Sidebar Toggle Menu Tutorial in Hindi / Urdu

In this tutorial you will learn pure css sidebar toggle menu tutorial in hindi urdu.In this tutorial you will learn how to make animated responsive sidebar menu with toggle effect using html css 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

[@BhaktiTone]

This Is The Content Which I am Searching For. Thanks Sir

[@rishtekhojocom]

you best guru for html, js, css, php and...

[@kishorisahoo6088]

Thank you so much sir for your most valuable videos... I can't do anything for you directly that's why I always comment at the end of your video to watch more than 1-2 ad during comment... as my fees of watching your great valuable videos..... Thanks a lot sir for your efforts 🤗🙏🙏

[@YahooBaba]

Thanks for your support and liking :)

[@Tao882]

You are Awesome 👌 👌 Sir.... finally I found the Great thing

[@MakeLifeEazy]

Superbly described... Thanks

[@javascript9920]

Awesome sir! This is what I want. Thanks ❤️😍

[@YahooBaba]

Your welcome Masoom :)

[@richerd_ramirezz]

U r genius sir I became addicted of your videos.

[@YahooBaba]

Thank you so much 😀

[@FarhanAli-to3ku]

You are amazing sir...very precious learning channel this is❤❤❤❤❤❤💯💯💯

[@YahooBaba]

Thanks a ton

[@mohdabdulfareed7871]

Thank you so much,

[@sachinattarkar7240]

thank you sir you give me idea solve my big problem since i facing a last days

[@YahooBaba]

You are most welcome

[@gangliezhu7951]

Thank you, sir. You are a good man.

[@YahooBaba]

You are very welcome

[@rupambhattacharyya780]

you are the best bro

[@farzaibsheikh9764]

you are a gem bro thank you so much

[@YahooBaba]

You're welcome!

[@shad8239]

Help me allot🤯 keep it up

[@shahezadkhan6128]

I am saying really really onestly yahoo baba channel is best channel over all the RUclips really really thanks to you dear sir 🙏 may God bless you

[@YahooBaba]

Thanks a ton

[@kshitizshah6685]

Thank you very much sir.....Thanks a lot ........................................Love from nepal
Never gonna forget this channel!!

[@YahooBaba]

Always welcome

[@user-kb7bm5lh1q]

Thank you very much. Great work ❤ 😊 very helpful. I suggest to use white background and colourfull writing interface for coding especially css. Thanks a lot.

[@ektachandegra9180]

Thank uh baba it's really helpful for me in my last year project

[@YahooBaba]

Glad to hear that...Your welcome

[@vyavahareaditya5936]

Are ye konse year ke liye hai our konse degree

[@YusufAnsari-lf4dq]

Sr amazing JavaScript ke Bina maza as Gaya Sr thanks for this video

[@YahooBaba]

Your welcome :)

[@funterban6536]

sir your explaination is outstanding thanks for this guidance

[@YahooBaba]

Most welcome

[@mdmojammelhossen8030]

Wow u r nice bro......!!!!!

[@Technical.Information]

I love this video sir . I am watching from Nepal .🙏🙏🙏🙏

[@YahooBaba]

Thanks and welcome

[@Rahul_Seth]

Aapke sare video bahut hi useful hota hai. Please project based tutorials video with tips and tricks k sath bataeye. Very nice video 👍

[@YahooBaba]

Thanks ... I will make more project based videos

[@naitikkathiriya]

thank u so much for this one.. known in websites oftenly but when in learning mode its craftful! in our lecture today we learnt about jquery using... for responsive website same this thing u showed in this video! plz u make this thing in your upcoming video..thank u🙏👍

[@YahooBaba]

I am not getting your point can you please explain what exactly you want ?

[@naitikkathiriya]

@@YahooBaba means for responsive.. for the side menu bar it uses jquery code, we learnt in our lecture! So this is i said to you to make a video on that. Thank u.

[@dipankarpaul3320]

Apke samjhane ki tarika bahut achha hai sir, thank you

[@YahooBaba]

Thanks and welcome :)

[@soumyaranjanpradhan1325]

sir ek question tha jo aap ka description main nanhi he but main jana chahata hoon ki , overflow:hidden kyon haam use karte he jab koi navigation bar banata he tag ka css karne kelia ,kindly help me

[@shujauddin8713]

You are really good sir

[@computervideo6992]

very nice ,
new in php and learning

[@sanusingh368]

Tq sir.... your video is super...
Particular side bar rotate...👍👍👍👍👍👍👍👍👍👍👍👍👍

[@YahooBaba]

Thanks Sanu :)

[@uawantech3413]

Thanks for making that video.

[@YahooBaba]

Your welcome :)

[@ironist9505]

This can also be done directly with icon by selecting from font awesome

[@blackcoder9532]

Thankyou sir this video is really helpful

[@YahooBaba]

Glad to hear that...Your welcome :)

[@amitshukla1651]

Khatarnak bhai 🙄🙄😳😳.

[@simpleprogramming8212]

Thank you sir it's amazing 👍👍

[@YahooBaba]

Most welcome

[@sanketsingh5555]

Thnx

[@mizanurrahmanpatwary116]

thanks bro

[@UltimateSKGamer]

Very excellent sir no one explained like you a big salute to you from my ❤️

[@YahooBaba]

Thanks and welcome

[@UltimateSKGamer]

@@YahooBaba sir but I not succeed I don't know what problem is happening

[@RGUKTEDUIN]

U are awesome😊👍👏

[@sabzali6884]

Grt sir g ..super

[@YahooBaba]

Thanks :)

[@Mohitkumar-kq3ty]

thankyou sir

[@mdhasiburrahmannafiz9984]

You are genius...
Genius..

[@YahooBaba]

Glad you think so..... Thanks :)

[@khademulbasarmd.abdulahad3217]

very good explain👍

[@YahooBaba]

Thanks for liking

[@earthlygamer7142]

You are a great great great great teacher 💞💞💞💞💞💞

[@YahooBaba]

Thanks and welcome :)

[@amaz43]

nice yahoo baba, God bless you, make some javascript project video like this

[@YahooBaba]

After PHP i will make videos on Javascript examples.

[@piyushshorts7683]

You are great Sir .
You make his menu without JavaScript

[@YahooBaba]

Thanks :)

[@faisalmalik4988]

Great Sir

[@saurabhuniyal1796]

Thank you sir

[@YahooBaba]

Welcome

[@kaushaloli4911]

Thankyou sir for this tutorial

[@YahooBaba]

Most welcome

[@mathematicsteach8511]

Superbly

[@owltrades]

Good stuff

[@sivagangadharreddykomma5419]

hii baba when did u made this video...? css humberg

[@ashutosh_code]

applause this is super ....

[@nikeshkumarrakesh6296]

Sir the content part is not shifting to right ,is there any video were content part should shift as clicked on toggle menu button? Please help .

[@shaniparacha9242]

thanks sir

[@relaxandchill4968]

What a great vedio yahoo baba . It's my request to you please make project vedios on html css javascript

[@YahooBaba]

Ok I will

[@humairaameen241]

hello sir can u plz tell me this menu have fixed position thats y cant close when scroll down an also distrb other divs

[@no.1tvseries]

Maan gaye sir aapke dimag ko. Maine iska 50% kiya tha.

[@CreativeAnujkumar]

Thank you bro

[@YahooBaba]

Welcome

[@imjhassan2822]

Nice Bro❤️❤️

[@orderitsolutions]

bht zabardast

[@YahooBaba]

Thanks and welcome :)

[@rajeshkrjaiswal1403]

Sir which theme are you using for this video ?

[@snehaselvakumar465]

Thank you for this wonderful tutorial.......... now I can understand how this side nav bar works

[@YahooBaba]

Glad to hear that!

[@bhoot1702]

Thanks Sir 👏

[@YahooBaba]

Most welcome

[@darshanthakor7750]

Nice bro good

[@YahooBaba]

Thanks

[@saroshahmed7097]

Thank you

[@YahooBaba]

You're welcome

[@deepakop9073]

And dear sir u r the best tuter...plzz start C and C++ also because C is much important before JavaScript

[@YahooBaba]

Annant for this year i already make a plan sheet : ruclips.net/user/postUgwkaTaqE7j6B2Ci-Q94AaABCQ

[@deepakop9073]

Ok sir so upload a video here is no video but I have to subscribe for future updates...

[@deepakop9073]

And sir I have no words ...but I will say that u r the bestmmm best........osmmmmmm

[@deepabisht3138]

you are one of my favorites teacher of all the time, learning a lot from you. The amount of hard work you have been doing is literally amazing. I had one question, how can we reuse our navbar in different page of our website?? what method do we need to use for it?? if you have any related video for it kindly share the link, thanks again for your efforts.

[@smartyshobu]

You need to add the same code in every webpage you create. Like in about us, contact us, services etc. Later on after completing your website you can do it once using any backend programming like php.

[@JustForProgrammers]

Nice

[@anitajaiswal2312]

Sir, aap sublime ka kaun sa theme use kar rhe hai es video mein ? Sir please tell us

[@YahooBaba]

Adaptive.sublime-theme

[@bikashkumarjhafatehpur8302]

Awesome

[@YahooBaba]

Thanks Bikash :)

[@umakantasahoo8558]

Super

[@YahooBaba]

Thanks

[@rahulbhawaliya7633]

sir kya aap java script ki help se toggle button ki video bnayoge ?

[@chandanipriya7869]

From which shotcut key you add 200 dummy words in paragraph ? Can you please explain?

[@narayansaini6501]

Apko isk liye just. ! Ye wala sign press krna h or pura boiler plate aajaega

[@mdmojammelhossen8030]

Sir please upload new css video of icon set/////please give one video about this topic

[@someshpaul6599]

bro please make a separate tutorial for booststarp dashboard

[@integrateeverythingpower]

Please make videon on dasboard with navbar sidebar and card design

[@NKGRAPHICSTECH]

👍

[@soumyaranjanpradhan1325]

Please ,Sir create a new video on responsive side ,top navigation bar in pure css with sticky property

[@businessidea3380]

💕💗😘😘😘😘Lou you vau...

[@YahooBaba]

Thanks and welcome :)

[@businessidea3380]

@@YahooBaba kya mai aapna email id aapse share kar sakta hun ?

[@bodhisattabhattacharjee3338]

what does the z-index do in the .header part of css file - removing the line does not make any differences for me

[@mshawaizminhas]

it is for background body

[@imranmughal2215]

sir i have a question about navbar plz help me. i am working on a single page website and want to collapse navbar after clicking any menu item in mobile view but i did'nt find any solution of it. Can you please guide me?

[@YahooBaba]

For that you have to use jQuery. I think you must have write a code to scroll the page when you click on menu item. Only after that jQuery or Javascript code where you scroll the page ... write the new line to hide the Menu like $("#menu").hide();

[@deepakop9073]

Dear sir yeh Jo aap aaj kl video bnare ho konsi playlist Mai add hori h plzz tell me

[@YahooBaba]

CSS Tricks and Tips : ruclips.net/p/PL0b6OzIxLPbyeyJYuQheeeVTjivG759Jm

[@imtiazahmedbhuiya3068]

make a responsive ecommerce menu..:)

[@PriyanshuSingh-un6qc]

sir which shortcut key you used for duplication of sidebar menu in this video.

[@YahooBaba]

Ctrl+Shift+D

[@PriyanshuSingh-un6qc]

@@YahooBaba Thanku

[@amitkishor7338]

How to make side in bootstrap sir plz make a video

[@digitaldeveloper7635]

Make a video on bootstrap admin dashboard

[@no.1tvseries]

Meri hi trick use kar rahe ho sir aap.

[@pappukumarthakurapcoaching4120]

I request you sir please sidebar ke under agar sub menu jaise login ke under sin in aur sin up ya to registration ya to login kaise Dale esi program m sir

[@motosaini7844]

sir header style pa video bano

[@shivamkhandal19]

Should i also learn "UX" "UI" ,simultaneously with web development.

[@YahooBaba]

Yes you can but you have to work hard for that.

[@shivamkhandal19]

@@YahooBaba thakyou for your reply sir.,so basically i just have to learn adobe xd to learn ux ui?

[@kodakstudiowebs]

Please start advance javaScript series......

[@YahooBaba]

After PHP course i will start Advance JS.

[@zainabbas8014]

Sir responsive web design pe videos banye

[@krishnajikulkarni8775]

Can u plz tel me how to close this sidebar onclick on body .

[@snehasah8495]

when we click on the toggle button we automatically reach the top of the page. If we don't want that what can be done?

[@YahooBaba]

I thing you are doing something wrong. Please follow this link to get the proper code : www.yahoobaba.net/lab/pure-css-sidebar-toggle-menu

[@harshitsareen2182]

Sir why not make some videos on Photoshop or illustrator series. I think most of your viewers also like this. Thanks

[@YahooBaba]

I already have a plan to make a course on Photoshop this year.

[@harshitsareen2182]

Thoda jaldi..... thanks

[@harshitsareen2182]

I mean it would be better for viewers who are waiting for Photoshop or illustrator series, if possible just make 2 or 3 videos in a month, as you make it on css series. Thanks

[@vishamstechnologies]

Sar admin panel design and update data in website for admin panel se Kasi Kari

[@RP-sg1hy]

Hello bro side bar toggle menu aaj banai sab bana per spinner dikh nahi raha hai spinner me jo animation hoti hai cross ki vo nahi ho raha hai uske badle me box ka box rahta hai ur click karne per check mark aa jata hai yeh problem ho rahi hai broe esi broblem hone se hum aap se achi tarah se puch bhi nahi sakte ese kai problem hoti hai kuch to puchne ka sadhan do ese comment me kitna puche clear hi nahi hota aap itna taklif karte ho hum bhi achi tarah se sikhna chahte hai per ese hone se online kaise sikhenge sari jindagi gujar jayegi. Kuch to upai karo agar koi contact ya id nahi dena chahte to varna kaise sikhenge sab bekar hai tab. Taklif hum bhi karte hain sikhne me per adha adhura sikhne se kiya faida sab bekar hai. Agar aap chahte ho ki hum sikhen ache se to kuch to upai karo jisse ki hum asani se apna problem share kare ur ache se sikh sake agar ese chala to hum sikh hi nahi sakenge bro. Aap alag sochte ki hum paresan karenge hum aap ko paresan kiyon karenge sirf aap ke lesson se rilated problems hi puchenge usse jiyafa kiyon puchenge. Hume koi problem ka solution nahi milta to man nahi karta age sikhne ko.

[@himaparmar9077]

British airways viral

[@kashmirtechtv2948]

Lkn ye cross bnany ki bjaye, hm icon bhi la skty thy yhn

[@YahooBaba]

Yes icon bhi la sakte hain.

[@somnathdas1487]

Sir responsive horizontal navigation bar banayiye with drop down menus and pure css

[@YahooBaba]

Yes sure, I already added this in my upcoming videos list.

[@somnathdas1487]

@@YahooBaba thank you