When enabled, the sticky header feature will display a minimized version of the header while the user scrolls down through the page.
Sticky Header Settings
Enabling/Disabling the Sticky Header
The Sticky Header‘s settings can be found under Appearance > Customize > Header > Sticky Header. The customization settings here will allow you enable or disable it, customize its color and adjust the size and spacing.
Include/Exclude Top Bar
The Top Bar can be included in the Sticky Header. The option for it can be found under Appearance > Customize > Header > Sticky Header.
Sticky Header Colors
The Sticky Header can have its own color scheme. The customization settings here will allow you to change the Background Color and the Text Color.
Sticky Header Logo
Using a different color scheme for the Sticky Header may require an alternative logo as well. (e.g. white logo on black background) The image uploaded here will be displayed on the Sticky Header only.
Sticky Header Size
The size of the Sticky Header can be customized by adjusting the size of the sticky logo, as well the spacing above and below the logo.
Sticky Mobile Header
The Mobile Header can be set to be sticky as well, via Appearance > Customize > Header > Mobile Header.