Free Code Camp Portfolio - NavBar issues on mobile devices

I had issues with my navigation bar showing on mobile devices, it was taking up a good portion of the screen and covering my text. After a bunch of research, I found I had to add a collapsible navigation bar and then import the JavaScript into my header.

Before

I have listed the links below that explain how to correct this issue:
https://www.w3schools.com/Bootstrap/tryit.asp?filename=trybs_navbar_collapse&stacked=h

https://stackoverflow.com/questions/27930160/bootstrap-navbar-toggle-button-not-working

After

// note jquery tag has to go before boostrap
      <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>