title: How to keep my position:fixed navbar from appearing underneath other elements?
body: <p>I have a problem at the css levels because I am testing the code via this site:
  <a href="https://codepen.io/steveeeie/pen/NVWMEM" rel="nofollow noreferrer">https://codepen.io/steveeeie/pen/NVWMEM</a> . It works very well but at the level of my <code>navbar</code>, it goes above and not below when I scroll.</p>
  <p>I noticed it's because of <code>position: absolute</code> but i'm trying to change it but it makes my navbar not fix at all at the top when scrolling.</p>
  <p>Thank you in advance for your help :)</p>