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: