Honeydew - Sticky Header
Sticky Header Option 1
To make your header area sticky when you scroll down the page, go to Appearance > Customize > Site Settings > Logo and Header Settings > check the box for a Sticky Header.
This will make your logo and search icon stick to the top of the page when you scroll down the page.
Sticky Header Option 2
If you'd like the ENTIRE header to be sticky on scroll, this will require a little custom CSS. Go to Appearance > Customize > Additional CSS and add the following snippet:
@media only screen and (min-width: 800px) { .site-header.is-sticky.shrink .genesis-nav-menu { visibility: visible !important; } .site-header.is-sticky.shrink { background: #ffffff; } }
You can change #ffffff with your own hex color code if you would like a different background color other than white.
If you want to keep the background transparent instead of having a background color, just add: background: transparent !important;
instead.
Before adding the custom CSS:
After adding the CSS: