title: Navbar collapse menu is not the same width as the actual navbar. How do I fix that? Navbar also doesn't appear in smaller windows
body: <p>I am trying to make a sticky navbar, that will be collapsable in smaller windows(smartphones). The first issue is that it looks like this (pic included) and doesn't have the same width as the actual navbar. The second issue is that navbar doesn't fade in, in smaller windows. I am fairly new to this, so any suggestions will be welcome.</p>
  
  <p>EDIT: I added a codepen</p>
  
  <p><a href="https://codepen.io/lankiz/pen/GVqpQp" rel="nofollow noreferrer">Codepen</a></p>
  
  <p>Picture </p>
  
  <p><a href="https://i.stack.imgur.com/K7mU2.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>This is what I have included in project </p>
  
  <pre><code>enter code here
  </code></pre>