title: Scroll overlap by header ReactJS
body: <p>I am trying to do a header Navigation in React JS.</p>
  
  <p>It actually works great but the top part of my scroll (including the top-arrow) is hiddden by the header nav. My header is not a Commponent but is inside my component Home and the bar is responsive.</p>
  
  <p>What should I do? Shoud I try another NavBar?</p>
  
  <p>Image of the hidden scroll bar:</p>
  
  <p><img src="https://i.stack.imgur.com/ZOgKA.png" alt="image of the hidden scroll bar"></p>