title: Nav bar disappears at 769px width
body: <p>I am using the Bootstrap <code>navbar-fixed-top</code> method to create a floating nav bar.</p>
  
  <p>I have a few issues I cannot figure out:</p>
  
  <ul>
  <li>Why are my logo and my social icons disappearing when I reduce screen-width to 769px?</li>
  <li>Why is my logo and social icons right at the top of the page? </li>
  <li>My social icons are too small and bunched up next to each other. How do I change this?</li>
  </ul>
  
  <p><a href="http://codepen.io/dhruvghulati/pen/qrdNBm" rel="nofollow noreferrer">http://codepen.io/dhruvghulati/pen/qrdNBm</a></p>
  
  <p>What should I do to have a persistent nav bar which is more standard?</p>