Other elements appear on top of my nav bar

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

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

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.

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


header {
  z-index: 10;



That fixed my problem. Thank you so much.

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