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?
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.
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.
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!