Responsive Flexbox Navigation Bar with Logo | Navbar CSS Tutorial

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

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

50% 1

Responsive Flexbox Navigation Bar with Logo | Navbar CSS Tutorial
In this video I have shown you how to create a Responsive Menu with brand logo using HTML, CSS and Javascript.
Support Me
○ www.buymeacoffee.com/atherkamal
WATCH NEXT:
○ Dashboard Side Navigation Bar - • Responsive Sidebar Men...
○ Stick Footer at Bottom of Page - • Stick Footer at Bottom...
○ Responsive Testimonial Section - • Responsive Testimonial...
○ Transparent Login Form - • Transparent Login Page...
○ 3d Rotating Image cube - • 3d Rotating Image cube...
○ Responsive Sticky Navigation Bar - • Transparent Sticky Nav...
#flexbox #navbar #responsivenavbar

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

23 дек 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@storytimewithamy Год назад

I had to search for this video today so I can thank you for this tutorial. I'm learning how to code and my Xmas present to my sister is to make a website for her interior decorating business. I have been struggling with the navbar till this video. God bless you so much. Thank you! ❤

@yasserrazzaki7235 Год назад

One of the most perfect tutorials i've ever seen, thank you !

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

THANK YOU! I able to code manually and sure learn it from you

@watukix_bear1117 5 месяцев назад

Really thank you, I was struggling solo (I'm learning to code myself) to find a solution, you are the best I have found, a big thank you to you and good luck

@Kaizokui Год назад

just what I was looking for! thank you!

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

I'm coding tonight too jaja, thank you so much bro B)

@EFTOBEATZ 8 месяцев назад

thank you bro! A true G

@victorga74 5 месяцев назад

An excellent and easy to follow tutorial, thanks for sharing.

@NokrisMx 4 месяца назад

Muchas gracias :)

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

Looks nice :) have a Sub Dude

@farukweb Год назад

very nice tutorial....

@zezeseshill3032 9 месяцев назад

thank you

@jackdelargy9137 Год назад

What should i put in the href for the toggle in the index file so the dropdown menu displays?

@ashenhayes5451 7 месяцев назад

Why is everytime i put logo on my header it's always eating half of my screen pleasr help im begginer

@codewithsehran 4 месяца назад

Decrease height and width in css

@rjmoraleda9228 9 месяцев назад

Hello @Coding Tonight, where can I find the file link for the codes, the menu Icon is not showing when I followed your steps

@freiFlex2985 Год назад

Hey guys! I have a question, i'm trying to put a transition when we click on the toggle and the menu is activeted, how can i do it?

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

Looks beautiful but is This accessible to visually impaired community?

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

Wow... nice....can I have the source code pls

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

when i click the menu button it resets the page any thoughts on the reason, great vid btw

@CsMuia Год назад

Toggle menu doesn't display links on click, please share the js code.

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

nice tutorial but where can i get the logo?

@AdubiLawrence Год назад

greetings, thanks for this wonderful piece, i tried using the same method but to my surprise the toggle menu bar didnt stay hidden it appears below the instagram logo on the top bar, and and when i clicked on the toggle it shows the menu but when i clicked on the close its not responding please help me out

@ireshafdo921 Год назад

i am having the same problem did you solve it

@masterbutenten 8 месяцев назад

hi, the js code is not working can i have the source code

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

when you will uploaded the files

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

I've tried but it not working. Where is the active class coming from please?

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

Work perfectly you missed something send me your email on my Instagram I'll send you the source code.

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

may i ask you, how u see your results in real time, while codding ?

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

in visual studio code you have to instal extension named live server, than you click on your index.html file and open with live server.

@rasshaa1308 Год назад

Hey man, I'm trying to put the transition when I click the hamburger and there's got transition from top to bottom in the menu list. But it's not working even myself trying to ask chatgpt and use the solution but it still not working. Can anyone help me?

@CodingTonight Год назад

Yes send me the live link at contact@atherkamal.com