My navbar get covered by my following divs when i add padding to the first div for the space taken by the navbar. How can I stop this?

Nothing I have found seems to work my navbar gets placed behind the rest of my page, no matter how I go about it.
I have restarted my portfolio repeatedly looking for a way around this, can any one point me in the right direction? This is my pure Codepen work, and this is my most recent restart.

Use z-index to specific what goes on top of which.

    z-index: 1;

Higher z-index value gets more priority.

If you want to move the rest of the page away from your nav-bar use margin-top instead.

Margin happens outside the element. Padding happens inside the element.

1 Like

Thank you, that does bring the navbar forward. I used padding because when i use margin it moves both down for some reason. One thing about z-index, it seems to break all my positioning, is that normal?

Never mind I’ve got it thank you so much!