Learn how to control the sticky header functionality from the Landing Page Builder, giving you the flexibility to enhance the user experience by either keeping the header fixed (sticky) or allowing it to scroll off the screen (non-sticky).
Key Benefits of Sticky Header Control:
- Improve navigation by keeping the header visible at all times as users scroll the page.
- Enhance user experience by offering flexibility to customize header behavior based on the event’s design needs.
- Easily manage the sticky header setting from the Landing Page Builder without needing advanced customization.
Steps to Enable or Disable the Sticky Header:
- Access the Landing Page Builder:
- Navigate to the backend and open the Landing Page Builder.
- Open the Header Settings:
- In the page editor, expand the Header section to access its settings.
- Locate the Sticky Header Toggle:
- Inside the header settings, find the toggle switch labeled “Enable Sticky Header”.
- By default, this option will be turned on, keeping the header fixed as the user scrolls.
- Enable or Disable the Sticky Header:
- To disable the sticky header (allowing it to scroll off the screen), toggle the “Enable Sticky Header” switch to the off position.
- To enable the sticky header again (keeping it fixed at the top of the page), toggle the switch back on.
- Save Changes:
- Once you’ve adjusted the sticky header settings, click Save Changes to apply the update.
- The header behavior will now reflect your chosen settings on both the backend and the live site.
