Sticky Header

In This Article

    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.