HUB - Header Meta Options

1. Enable Megamenu Reaction

By enabling this option, if you have a mega menu in your nav items, by hovering over that item, the header's background will react dynamically to the background of that megamenu. Also, menu item and module colors will react to the background based on the megamenu's background luminosity.

2. Enable Sticky Header

Well, you can make your header sticky pretty easily. Just enable this option.

2.1. Sticky Header Position

1. Default - Bottom of the header: The header will stick on top of the viewport as soon as the header is gone outside of the viewport.
2. After the first section: If you want the sticky header to wait until the user passes the first section, you can enable this option.

2.2. Sticky Header Background

Define any background color when the header is in a sticky state.

2.3. Sticky Header Color

Define the color of menu items and module text colors using this option.

2.4. Sticky Header Color

Define the hover color of menu items and module text colors using this option.

3. Overlay

By enabling these options, the header will go on top of the first section.