The Sticky Header feature keeps the navigation fixed at the top of the browser window as the user scrolls, making the menu always accessible.
| Setting | Description |
|---|---|
| Enable Sticky Header | Master toggle. When enabled, the header locks to the top of the viewport as the user begins to scroll. |
| Header Height (Sticky) | Sets the height of the header when in sticky mode — typically smaller than the default. Enter value in pixels without the ‘px’ unit. |
| Enable on Tablets | Toggle whether the sticky header is active on tablet-sized screens. |
| Enable on Mobiles | Toggle whether the sticky header is active on mobile phones. On small screens a sticky header takes up significant viewport space, so disabling on mobile is often preferred. |
| Sticky Header Background Color | Sets a translucent or solid background for the logo area specifically when in sticky mode. |
| Sticky Header Background Image | Sets a background image for the logo area specifically in sticky mode. |
Note: Sticky header appearance changes may require a browser hard-refresh (Ctrl+Shift+R) to preview correctly.