Responsive Navigation Menu Bar using HTML CSS & JavaScript

preview_player
Показать описание
Responsive Navigation Menu Bar using HTML CSS & JavaScript

Responsive Sticky Navbar using HTML & CSS

Responsive Navbar with Search Box HTML & CSS

Music Credit:
Track: Unknown Brain - Why Do I? (ft. Bri Tolani) [NCS Release]
Music provided by NoCopyrightSounds.

Track: Jordan Schor & Harley Bird - Home [NCS Release]
Music provided by NoCopyrightSounds.
Рекомендации по теме
Комментарии
Автор

If your icons aren't showing, replace the line no.8 script of index.html with this:

CodingNepal
Автор

an amazing lesson even though it was done with light speed. but generally, it was an informative quick tutorial brother.
Thanks a lot for sharing.

ABMA
Автор

An amazing top bar coding tutorial. I subscribed! Hope you keep doing these great tutorials!

overpowertps
Автор

Fantastico! 👏👏👏👏 I prefer this to using all those css framework that look confusing.. Now I have known how to create my own navigation bar when building my own site.

teflonrozay
Автор

Instead i would follow your another tutorial where you made the same nav bar using only CSS. Adding a checkpoint and when it is checked the items will show up 😊

_tanzil_
Автор

Great video trying to learn js and your video helped. Do you have any suggestion on a video on js to close the menu once a nav link is clicked. Thanks in advance.

robertwalls
Автор

I cant express my feelings for you, How much your videos are playing a vital role in my web development career. Really respect you and want to meet you sir!

junaidzulfiqar
Автор

Amazing tutorial! Thanks for sharing! <3
Through this same tutorial, would it be possible to somehow add a code to replace the icon bars with an "X" when the menu is active? How can I do this?

luhqueiiroz
Автор

Hi, do you have a video on linking buttons on HTML on a website? Thanks.

jaydensachdev
Автор

Too easy to make a responsive nav from ur video. Thank so much.

miinhtuan
Автор

I always wondered how to do that it's so simple now with the jquery

MusicalGeniusBar
Автор

Great sir Lots of love from me Pakistan 🇵🇰🇵🇰🇵🇰

umerbrocksofficial
Автор

I'd you're doing display: none;. If you expand the window while the nav is closed ok mobile, wouldn't menu disappear at larger size?

robbyl
Автор

Hello I will have one question. I paused on 4:00 because have problem with bar when I try copy yours link with script these this bar don't showing me on web site please help me. I think that this script which is on yours tutorial is inaccessible. Did you could writing new script for this bar ? And could adding him in comment ? thanks :)

okuratnywidz
Автор

Thank you for this but the button to get the menu to drop down does not appear. Everything else appears. Is there another link that I can use so that it can show up?

luiferlig
Автор

What is the name of the extension used to resize the page(checking responsiveness) in the beggining of the video??

abderrazakkenniche
Автор

Hello! Im having a problem, At the first button or in the Home Button, The white border around the text button is not disappearing

guzyx
Автор

Thank you, It's simple and clear! ☺♥

oz
Автор

Thank you soo much!!! This was very helpful!!!!

nivedhasivakumar
Автор

Really great tutorial! Just wondering is it possible to use pure vanilla Java-script instead of JQuery to have the exact looks and functions like your example? Thank you very much!

chandahouangvilay