No video :(

Responsive Mobile Dropdown Navigation Tutorial | Web Design Tutorial

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

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

50% 1

Hi friends, in this video you will learn how to create a responsive mobile dropdown navigation using HTML, CSS and Javascript. I already have a video on creating a dropdown navigation using Flexbox, but in this video we are going to add responsiveness to it and make it work on mobile devices as well.
We are having the same HTML markup that we had for the desktop navigation menu. We are adding some media queries and also some JavaScript to make it work on mobile.
You will also learn how to execute your JavaScript only when there are media queries applied.
If you don't know much about JavaScript you can watch my playlist on Javascript: • Javascript Tutorials

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

15 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@davidvideauortega287 6 лет назад

Hello! Thanks for the tutorial. I haven't found really good tutorials on this specific topic besides yours. You're probably the first one I've seen who makes this kind of nav properly responsive without weird stuff like checkboxes or things like that... So thanks again! This is SUPER useful. I'll be waiting for more tutorials... :)

@GTCoding 6 лет назад

+David Videau Ortega - Thank you. Glad to hear that. Please subscribe to the channel if you haven't already. And also share with your friends.

@CricketHighlights-nt7nn 3 года назад

Sooooo.... Goooodoododod..

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

Awesome. Let’s go 👏🏻

@FerdousHassan-cx8zi 4 года назад

thanks man that was the prefect video I am looking for.....

@josephfriday4493 4 года назад

many thanks. you are the best

@SaeedAhmed-ek9vj 3 года назад

plz upload the source code

@ShepSlater 5 лет назад

Great video, thanks for posting

@arifulislam1875 5 лет назад

this is the nice tutorial ,,,BUT if you can give me the program ...plzz

@numberoneBORON 5 лет назад

Can you please tell me the name of that plugin that tells you the browser's height and width as you move it.

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

HI....Perfect this video. How can i remplace de "X" and "Menu" words in the js file with font awesome???

@tarunjoshi1106 6 лет назад

Great man...

@yilmazyuk5396 Год назад

Can you write down the code? I will follow and share your channel for that

@wolfenrico 6 лет назад

Thank you so much! Perfect!! :-)

@eggyfresh40 5 лет назад

But it not normal to have the menu drop down, and the "Hi, Welcome" moving. It should stay while the menu drop.

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

Is it possible to send all code files somewhere?

@manthkumar1094 4 года назад

Can anyone please give me the source code?

@rehanmaruf8850 4 года назад

Sir, my click function isn't working... I've tried alot... Parent[0].childNodes Showing only 3 array... But yours showing 5 array in console. Badly needed of help

@GTCoding 4 года назад

Please send me your code