Request: Floating Menu CSS code for Hayden template

Site URL: https://www.stmarkbattlecreek.org/

Hello!

We are trying to add a CSS to our website that uses the Hayden template (Bedford Family) to make our menu bar float as people scroll down. 

Anyone out there able to give us a hand?

1 hour ago, paul2009 said:

You'll need to fix the position of the header and then, because the header will now be obscuring some of the page content, you'll need to add some extra padding to the top of the page's main content.

You should be able to do this with something like this (in Design > Custom CSS😞

#header {
  position: fixed;
}
.main-content {
  padding-top: 140px;
}

Example:

This is amazing! Thank you sooooo very much!

You're welcome 🙂