How do I make my header and navigation fixed at the top of the page?

the Devlin template

If you want to only fix the top navigation, you would add this to your custom CSS:

=================

.primary-nav {
position: fixed;
width: 100%;
z-index: 10000;
}

==================


===========================

To fix the entire header, I believe this is the CSS you would add instead:


=================

#header {
  position: fixed !important;
  width: 100%;
  z-index: 10000;
}
#site { padding-top: 500px; }

==================

The site padding is used to push down the site, otherwise it sits behind the fixed banner image.

You would need to adjust the value if your banner is a different size than the demo page.