title: Bootstrap 4 sticky-top for nav stopped working
body: <p>My navigation bar is supposed to stick to the top when scrolling. This worked for a while until I attempted to move the login button to the right. After many unsuccessful attempts at moving the login button, I revert back to what I had prior and the sticky nav bar stopped working. </p>
  
  <p>Here is the code for the nav bar <a href="https://codeshare.io/GLJmWV" rel="nofollow noreferrer">https://codeshare.io/GLJmWV</a></p>
  
  <p>From my googling, I have tried some CSS classes to fix it. Everything I found has either not worked or just fixed the nav bar to the top of the screen but that won't work since I have a title above the nav bar to start.</p>
  
  <p>I have attempted:</p>
  
  <ul>
  <li>position: sticky</li>
  <li>a class with position: fixed, width: 100%, top: 0</li>
  <li>reverting to an old file that was working as intended</li>
  <li>justify-right</li>
  <li>text-right</li>
  <li>and a few various other things I cannot remember at the moment</li>
  </ul>
  
  <p>Edit:
  Here is the code for the entire page <a href="https://codeshare.io/a30RoL" rel="nofollow noreferrer">https://codeshare.io/a30RoL</a>
  and here the css code I wrote as well <a href="https://codeshare.io/2W87m8" rel="nofollow noreferrer">https://codeshare.io/2W87m8</a></p>