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?

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?
0

#1

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?


#2

https://codepen.io/CMax/pen/MpBOYM This is my pure Codepen work,
https://codepen.io/CMax/pen/LWmWgE and this is my most recent restart.


#3

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

 #navshell{
    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.


#4

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?


#5

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