CSS - Body overlaps Navbar when I scroll

I’m working on my technical documentation page for the Responsive Web Design certification. Here is my CodePen: https://codepen.io/timsternation/pen/KKVbRzr

The issue I’m having is when the viewport is narrow enough that the navbar is fixed to the top, when I scroll and move the main-doc section it overlaps the navbar and “blocks” me from clicking any of the links in the menu (and of course it looks bad). What are some things I could try to fix this?

Research css z-index. Then add a z-index to your nav element. That will fix the issue of your page content appearing overtop of your nav.

1 Like

That fixed it. Thank you!

1 Like