Other elements appear on top of my nav bar

HTML-CSS
1

I’m trying to create a sample portfolio and I’m encountering this problem. Here’s my work:

Link: https://codepen.io/kherzieandal/full/abpQGKN

Capture
Capture1902×885 100 KB

2

Do you want the text to appear on top of the navbar?

3

What text did you mean? The only thing that I want is that my nav bar won’t appear below texts of the main content. Example, my “Hello, I’m Kherzie…” text should not appear on top of the nav bar when I try to scroll.

4

Add a positive z-index value to the header element.

Example:

header {
  z-index: 10;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

3 Likes
5

That fixed my problem. Thank you so much.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.