title: My navbar has a gap when it scrolls and i want it to stick to the top
body: <p>I recently tried to change my nav bar so it had a drop down options but it didn't work. However, I now have a little symbol at the top of my nav bar and when I scroll down the page there is a space between the nav bar and the top of the page. I just want my navbar to stick to the top of the page whilst scrolling. </p>
  
  <p>I have no idea how to change it. </p>
  
  <p>Here's my blog; <a href="https://bellisssimo.blogspot.co.uk/" rel="nofollow">https://bellisssimo.blogspot.co.uk/</a></p>
  
  <p>This is what I want it to be like: <a href="http://www.naomivictoria.co.uk/" rel="nofollow">http://www.naomivictoria.co.uk/</a></p>
  
  <p>I have been trying to use CSS and HTML but I don't understand at all!!</p>