Responsive Dropdown Menu using by Html Css Javascript

Подписаться 40 тыс.

Просмотров 47 тыс.

50% 1

in this tutorial you will learn how to create a responsive dropdown menu step by step using html css and javascript .
Source Code:
drive.google.c...
Check Out All playlist:
/ @thewebshala
Follow me on:
Facebook : / the-webshala-109434944...
Instagram : / the_webshala
Credit:
icon : flaticon
Img: freepik
** plz like and subscribe my mathematics learning channel **
/ @thesuccessladder5627
------------------------------------------------

Опубликовано:

16 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 90

@paulmoldovan9518 3 года назад

Just amazing. I was looking for something like this. Thank you for your work.

@ericcastro007 Год назад

Amazing! Thank you! And you are so generous that you even gave us the complete project to download. 🙏🙏🙏

@mariamkhanam4037 Год назад

Bro... I customized your this navbar and made it more responsive with light + dark mode support using css vars. Thanks! I just got the best navmenu in my life😊

@TheWebShala Год назад

Nice work!

@MehmetCelik-zl4xi Год назад

Thank you very much, for giving a perfect navBar for our projects.

@saurabhtitus8267 3 года назад

very amazing tutorial thanku so much for this video

@mariamkhanam4037 Год назад

You are amazing... I was looking for this

@Firma-software 2 года назад

grande caballero... me guiastes.. y pude realizar los submenus y mas submenus atravez de tu indicaciones... fenomenal hermano

@ismeldaguerra1310 3 года назад

Your work is excellent. Congratulations and thank you for share it!

@TheWebShala 3 года назад

Thank you

@alleefattah8045 2 года назад

You deserve all the likes and subscribes

@MdNazmulhasan-oq6uz 8 месяцев назад

Thank your for this project and give us download this project

@youssradebbali7726 3 года назад

Nice work webshala🤗🤩👏👏⚘💐

@TheWebShala 3 года назад

Thanks 🤗

@bilirohman645 3 года назад

heyyy, i found this and this is so helpful, also thanks :D

@boychild4914 11 месяцев назад

🎉🎉🎉🎉🎉

@UNLEASHEDPOWER 2 года назад

Hey man your awesome ✌️ well for that I'll subscribe to your channel, keep up the good work and keep posting. With the source codes, your awesome man appreciate.

@farukweb Год назад

Nice responsive menu.

@TheWebShala Год назад

Thanks!

@sergeynazarenko2316 Год назад

Nice video) Thanks

@TheWebShala Год назад

Welcome!

@vinaymathrubai1244 3 года назад

super tutorial 🙏

@TheWebShala 3 года назад

Thank you

@JoshuaAdanu 11 месяцев назад

Thank you very much ❤

@TheWebShala 11 месяцев назад

You're welcome 😊

@kevinrittershaus9380 Год назад

This was awesome...thank you

@hernanramirezweb 3 года назад

lo máximo, buen video

@panchalvishal9497 2 года назад

thank you brother this video more then helpful.

@TheWebShala 2 года назад

You are welcome

@lucianosantiago2900 Год назад

help me wanted to put the header. nav-menu in the middle if i do this the menu in the corner at 991 px resolution it appears in the middle and not in the corner how can i do this help me ?

@drs2701 Год назад

great work❤

@TheWebShala Год назад

Thank you! 😊

@MeetPatel-qq5hy 3 года назад

Nice video I'm try

@TheWebShala 3 года назад

Thanks

@Cazado20C 2 года назад

Excelente video, muchas gracias.

@bambindien3327 3 года назад

both thumbs up (i don't know where i can find these effing emojis :))) !!

@aphoetic 2 года назад

z-index in @media (max-width: 991px) .header .nav-menu doesnt work when i use it.. can you help me?

@vickyatvicky Год назад

This is really great video. But one question if you could help. @31:20 you used " .header .nav-menu.open" .. Where this ".open" came from. I did not understand the concept of this ".open".

@smallmon2887 Год назад

Is too fast of your typing speed!But thank you for your work.

@youtubebox3773 2 года назад

Good job. Thank you

@romuloalves9349 3 года назад

Ótimo vídeo sensacional parabéns 👏 faz um vídeo de como fazer múltiplos carousel slider em uma página.

@TheWebShala 3 года назад

Comming soon

@romuloalves9349 3 года назад

@@TheWebShala Beleza 👍.

@kevinrittershaus9380 Год назад

I must have missed something. How do you close the mobile menu when a link is clicked? For example, if the mobile menu is open and I click 'services' it does not close.

@TheWebShala Год назад

msg me through fb page

@skolotoi4588 3 года назад

amazing bro! amazinnnnnng!

@TheWebShala 3 года назад

Thanks!!

@sagorahmedmarketer 3 года назад

i use it my client project

@NekoManAICore 2 года назад

Thank you for your work!!

@TheWebShala 2 года назад

Welcome!

@sagorahmedmarketer 3 года назад

amazing

@TheWebShala 3 года назад

Thank you

@shiftfree7497 3 года назад

I Want My Nav at Top Not Like Yours Any Suggestions?

@jozelespicio3820 Год назад

Hi may i ask what if in mobile they want to click also the main navigation currently the main nav in mobile wasnt clickable

@TheWebShala Год назад

its clickable

@TheWebShala Год назад

need help ? msg me through fb page

@FaizAnsari-bu9ho 3 года назад

Thanks Brother .. By the way from which country u are?

@TheWebShala 3 года назад

India

@FaizAnsari-bu9ho 3 года назад

@@TheWebShala Me too✌🇮🇳

@binkositideslors1491 3 года назад

merci pour ce magnifique explication sur bootstrap sur d'être bref mais j'ai une question pour vous, comment faire une menubar responsive comme celui d'amazone? pour plus de détails le menubar d'amazone est glissante en responsive sans burger. merci answer even in english please

@slavagorbunow Год назад

Is The Best Nav

@TheCodingOdyssey 3 года назад

Can I ask, do you listen to this music while coding or are you just using it as a background for the videos?

@TheWebShala 3 года назад

Using it as a background

@FRONTRUS 3 года назад

👍 good job

@TheWebShala 3 года назад

Thank you

@trasparent Год назад

The most complex way i've seen.

@Kidatiaroex 2 года назад

How should I rewrite the code if I want to add submenu to Pages 1(for example)? I want to add + button to page 1 so that it works like yours.

@TheWebShala 2 года назад

need help ? msg me on fb page

@Kidatiaroex 2 года назад

@@TheWebShala OK. Thank you.

@차차-y6b 3 года назад

Thank you very much. What's the copyright on this? Can I use it on my hospital website?

@TheWebShala 3 года назад

yes , u can

@stevensu2919 3 года назад

I thought it was okay to make a video tutorial responsive dropdown menu multilevel sir

@TheWebShala 3 года назад

@vikramhiwale1618 2 года назад

What if there are nested sub menu? Kindly make tutorial on multilevel submenu

@TheWebShala 2 года назад

@chandrashekharmeshram6597 Год назад

please explain, while you are writing code

@mr.clapemcheeks2016 3 года назад

Bro thank you how do you know all this

@rezwansaki Год назад

Does it work with Bootstrap?

@TheWebShala Год назад

yes

@minnoskc8341 3 года назад

How do we add another submenu to submenus ?

@TheWebShala 3 года назад

i'll make multi level menu in future.

@anuhada4223 Год назад

Yes, please make video on this topic

@harshitsaahu Год назад

Bro how can i download source code

@TheWebShala Год назад

Check description. it's free

@phattrienbanthan360do 6 месяцев назад

@sagorahmedmarketer 3 года назад

but somewhat complex

@Ludo045 2 года назад

Seriously, the dropdown is good but the video is horrible to follow. you keep switching between screens over and over. 😐 Please, just split your screen and use 'live sever'

@TheWebShala 2 года назад

Thanks, ok