HTML & CSS - How to Create a Fixed Header/ Navigation Menu ( or Sticky Menu )

preview_player
Показать описание
In this tutorial, you'll learn how to create a fixed navigation menu. A fixed navigation menu always stays at the top of the page as you scroll down.

Sponsor me on GitHub!

Follow my blog:

  1. Web Dev Tutorials
  2. How to Create a Fixed Navigation Bar
  3. How to create a sticky nav bar
  4. How to create a sticky nav bar on scroll
  5. How to Create a Fixed Navbar with CSS
  6. Navbar fixed on the top of HTML page (CSS / HTML)
Рекомендации по теме
What is HTML, 0:06:51

What is HTML, CSS, and JavaScript?

CSS in 100 0:02:20

CSS in 100 Seconds

HTML, CSS, JavaScript 0:03:58

HTML, CSS, JavaScript Explained [in 4 minutes for beginners]

HTML Tutorial for 1:09:34

HTML Tutorial for Beginners: HTML Crash Course

How to link 0:00:23

How to link css to html in vscode | How to link css to html | html beginner tutorial

HTML vs CSS 0:00:12

HTML vs CSS & JavaScript || Html vs css &js website design and development #html #coding #ja...

HTML & CSS 4:02:43

HTML & CSS Full Course for free 🌎

Day 023 - 0:00:23

Day 023 - 🤯 Css order button v2 design #coding #programming #cssanimation #webdevelopment #css #html...

how to make 0:00:18

how to make Flower animation Using HTML,CSS, JS 6/100day challenge

Creating Animated Borders 0:00:10

Creating Animated Borders for Your Cards with HTML and CSS

What is HTML, 0:05:43

What is HTML, CSS and JavaScript? What is Frontend and Backend Development?

Squares | HTML 0:01:00

Squares | HTML CSS

Trying to teach 0:00:45

Trying to teach my son HTML & CSS

Learn HTML & 5:21:44

Learn HTML & CSS – Full Course for Beginners

HTML, CSS, and 0:31:49

HTML, CSS, and Javascript in 30 minutes

🌟Creating a Glowing 0:00:12

🌟Creating a Glowing Button with HTML and CSS: A Step-by-Step Tutorial

😎🖋️ Create Cool 0:00:10

😎🖋️ Create Cool Text Animation with HTML & CSS

How To Build 0:00:15

How To Build A Landing Page With HTML And CSS | HTML & CSS Landing Page

Learning JavaScript for 0:00:11

Learning JavaScript for the First Time After HTML and CSS

Transform your web 0:00:15

Transform your web pages with our seamless background animation generator! #css #cssanimation #code

HTML CSS amazing 0:00:16

HTML CSS amazing project 😍 | html css projects #shorts

Power of CSS 0:00:13

Power of CSS 🔥 | Html to css design #codingshortvideo #trading #csstutorial #viral #codinglover #js...

Maybe the easiest 0:00:32

Maybe the easiest way to share HTML, CSS, and JS?

HTML Input Tags 0:00:12

HTML Input Tags List Tutorial For Beginners (Web Development)

Комментарии
Автор

Great Web Tutorial . helped me lots and lots. Thank You.

sylvanusjoseph
Автор

Very very amazing helpful tutorials like this navigation menu.. you are making..thankful to you❤❤❤❤

FarhanAli-toku
Автор

Hi sir! Thank you for this tutorial it's very informative and I just want to ask what is that red thing you put before the curly bracket on the first line of the css? thank you in advance for your response!

mikechristiangealolo
Автор

thanks for the video. very useful to follow step by step!
i am not 100% clear on all css codes and their functions though.
1/ why .navbar needs a width of 95%?

2/ do you recommend making the nav bar layout (with logo on left and nav menu on the right) by flexbox or float? why?

ilft
Автор

I have a tip: if you dont see the text on the bar thing, go to the a{ line in the css file and make sure that the color is different from the header color

doodledoocg
Автор

why do we need container div? can we do without it?

quiztherapy
join shbcf.ru