How to keep navigation bar at the top when scrolling?

[crichardson332]

I'd like to have the navigation bar at the top stay there while scrolling, so the nav buttons are always visible on the screen. But I'm not sure where this layout would be controlled.

[adimail]

To make the fixed navbar, you can edit the div class .masthead

.masthead in _masthead.scss

- position: relative;
+position: fixed; /* Change to fixed */
+top: 0; /* Stick to the top of the page */
+width: 100%; /* Take the full width of the viewport */
+background-color: #fff; /* Set a background color if needed */
  top: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #f2f3f3;
  -webkit-animation: intro 0.3s both;
  animation: intro 0.3s both;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
  z-index: 20;
  height: 3em;

+ border-bottom: 1px solid $border-color;

Also add top margin to body in _base.scss

+  margin-top: 3em;

[rjzupkoii]

On review, this appears to be exactly how the template works by default. :)