Here is the actual code, Hope you all like it and you can do changes and make your own awesome Transparent Drop Down Navigation Menu with Submenus with CSS and HTML :) body{ background:url("best1.jpg") center no-repeat; height:100vh; background-size:cover; } .menudropdown1{ width:80%; height:100px; margin:0px auto; } .menudropdown1 ul{ padding:0px; } .menudropdown1 ul li{ float:left; background-color:black; color:white; width:200px; height:50px; line-height:50px; font-size:25px; text-align:center; list-style:none; opacity:0.6; } .menudropdown1 ul li ul{ display:none; } .menudropdown1 ul li:hover > ul{ display:block; } .menudropdown1 ul li:hover{ background-color:#32CD32; opacity:0.9; } .menudropdown1 ul li ul li{ position:relative; } .menudropdown1 ul li ul li ul{ position:absolute; left:200px; top:0px; } USA Ney work India Pune Mumbai Bangalore Dehradun Delhi kutub minar red fort France Australia Brazil

bootstrap jese framework ki madad se esa kiya jata hai lekin simple CSS ki madad se hi ye kam complete ho gaya, normal coding but advanced looking features!! thnx✨✔

Guys, for making this menu to work just add tag inside (when you click on any list and you want to go to another page then add tag inside ) example : USA India

Ek no. video yar. itne saare videos dekhe koi tarike se clear nahi kar paye. aap bohot achhe sa bataye ho.

Ab to notepad me coding krne se achha h ki mai engineering chhor du😃. Thanks to VS Code & Sublime 😃Jaan bacha diya mera.

fantiastic man !! i think you r the type of teachers i can learn perfectly from ... thanks dude!! and i hope i can find the other lessons of yours !!!

What would i say? Cant understand. I have just achieved your techniques & right now i can create all kind of nav bar. Great Explain. May Allah bless you. From Bangladesh

Aapne bahut acche se explain kiya hai har ek cheeze ko,Thanks for this video. 😇😇

No one can explain like you. You are best teacher .Thanku soo..... Much 💯

Bhai bhut bhut acha... Aap bhut acha expalin krte h.. main issa video ko kb khoj rha tha... Thankyou so much.

Thank you Thapa tecnical for your nice and clear explanation I watched many videos to clear the concept of using positioning property in navigation drop down menu. It is in tutorial you very well conveyed and convinced the idea of using absolute and relative property. I really appreciate your time and effort in making this tutorial. With regards Zahid from Canada

Waao... You covered very important topic in just one video.. Thanks 👍 Love ❤️ from🇵🇰 Pakistan 🇵🇰

Confuse vala topic tha firbi apne sir bahut mehnat kiya he video banane mr riyali good

Ohhh God......No one else can explain me better than you ..... tq so much sir for such an amazing explanation.

Best video for navigation bar....... 🔥🔥🔥🔥👌👌👌👌👌👌👌 well done bro

Awsme teaching sir....i hve cleared all my doubts reagarding this watching ur vidz. . It waz really helpful to me and hope for others too .

It's awesome and the way u explained each line by line 🙏 Best video on Transparent Navigation Menu with Submenu 😘 Thanku so much..

Bro!! You Are the best coder and teacher in the world

wow really nice video with best explained . Bhai ab kabhi nail bhulunga life me... menu list.. thanks

Bhut old video he but sir sekhne ke leya bhut kuch mela ge

Nice tutorial,explained very well,i have followed same instruction and got same result..so now I came to know how to make drop down menu easily..thanks and keep it up.

Bhai kmaal kr diya...lajawab

Best tutorial.....very good explanation.....I got the whole tutorial clearly.....thank u so much

You are an Amazing man! I completed my html page with that Thank you very much sir

This content and explanation was amazing... One request sir, pls teach... how to convert this same menu bar into responsive menu bar..

Thank You Thank You Thank You very much sir 🙏🙏🙏

Congratulations for 180k subscribers

sir ji aapne mere project banane me bahoot badi madat ki , so thank you #thapatechnical

Thapa is the BEST. Love you man.

Thanks for sharing this video! Very informative and helpful 👍! By the way... where can I download that background image?? It's Beautiful! Any link would be appreciated. Thanks!!!

Thanks sir very helpful video in a simple word

what a nice way... u r teaching way is very grateful keep it up!

Perfect Explanation☺️

this video cleared my that doubt in which I was stuck for around 4 hours

Very nice video and very easy way to explain

awesome explanation line by line thank u sir.. very much keep posting new videos.....

Thank u so much for this video You explain us very easy . I subscribed your channel.

You are superb teacher

*How can i make navbar fixed even if i clicked and opened another page by clicking on one of the drop down option???*

zbrdst mushkl asan kr di .. Allah kamiyab kry :)

Hi....Bro Very good Explanation Thank you... Kindly make one more video about Mega menu with Images. because your explanation is good understandable.

Sir me learnt today how to create transperant drop downs... Thank you so much 🙏🙏 please guide me how to create school website please guide me...

It's very good and the way u explained line by line How to Create Drop Down Navigation Menu.

Thanks for teach step by step very nice header.👍👍 But I still confuse between use of position relative n absolute Please help by reply.🙏🙏

Very nice.. u r good teacher... thank u.. n make more such tutorials.. will be grateful

Ap bhi is duniya main aa gaye hain . theek hai? theek hai? theek hai? :D

Bro please create a full CSS course A-Z. Because you can understand pretty well.

Thanks bro, you helped me a lot with coding given in comment box

How many of you are watching in 2020 ?

Thanks a lot. the way you explain with practical. very well done. excellent.

bohot zabardst bhai, ap bohot acha seekhaty ho good;

Sir, Your great.Thank u so much for this video You explain to us very easy

Thankyou for this video👍

Bahut badiya sir👍

Nice video. I loved it I have a doubt. That background image u have used in this tutorial , Where it has been stored??

Nice explaination with some details

Hi loved your way of teaching. Wanted to ask you if you could push your upcoming videos in git. Will be v easy to access. Janet, Singapore

You are Great sir Love you sir

Am Pakistani and love you bro

its really a nice video with nice explained.. thanku

It was awesome... Thanks for help...

hi.. style wala section undo kiya toh program run hota hai.aur agar woh section ho toh nhi run ho raga hai.plz me out this problem

thank you sir From Pakistan ❤❤❤❤

Very good explanation

Is you like Pune?

thapa sir, nice explanation and mujhe perfect output mil gaya hai but ek request hai aapse.... aapne submenus create kiya thaa na, DELHI section mein?.. tho kya hum intially ek "ARROW SYMBOL" dikhaa sakhte hain? taaki user ko pata chale ki "DELHI" mein 2 or more submenus hain....can u help me as usual thapa sir?? arrow symbol kaise dikhaa sakhte hain??

very nicely explained.

Fast bhr kasy ho comment kar ra ho ty ty so much

Bro apne background color ko transparent krne ke liye opacity ka use kia, kya isme rgba work nhi karega??

bhut hi bdiya bhai gand fadd coding h apki sab smjh aata h

Awsome Teaching

Perfect Explanation

Mai thoda confused hu js or php k leke mujhe kya sikhna chahiye plz tell me...

Best tutorial sir.

Thank you so much :) Have a great Holidays

Thanks brother very helpful

Please help me here out when am trying to add background image With internal css at that time it giving error -net::ERR_FILE_NOT_FOUND But am using same image and same path in html inside body tag it showing repeating background But in internal css it giving error

Sir ye background mein pic ni aa rahi

Very well explained 👍 Keep it up

Thanks bro. you made it very simple :)

thank you so much for your tutorial and codes 😘

Sir, I have done same project but my underline of header is not removed. What can i fix these problem, & also drop down list are not transparent why?

Sir is drop down menu ko banane k bad ise blogger me kause use kare? I mean blogger k theme pe kahapar paste kare? I'm new please help me. I wanna use it for my blogger website

How to do same thing with animation .... I mean the drop down should come down smoothly ...and not directly ...plss make a video on it

thank you so much bro it is very helpful for me ...

Best 😌thank you so much❤

Very helpful video 👍

Love you broo ☑️☑️

Thanks. Nice tutorial. Keep it up!

didnt working now

I have taken list in percentage and itz not working itz working perfectly in pixel but it is not working in percentage.

guys listen carefully bw 6:58 to 07:02 you enjoyed

Thank you very much Sir

Thank you so much sir G

Thank u very so much sir fro this video :)

como hago para mover ese menu hacia la izquierda o derecha

sir aap kis browser pr work kr rhe ho psz tell me , coz opacity or bhut sari property internet explorer, chrome pr work nhi kr rhi hai,

Bhai link kerne k baad jb mei menu mei hover kr rha hu toh uska background alredy change ho rkha hota h isse shi kaise krna h pls btado bro

thanks you so much

Thanks sir , very helpful video...