Main navigation

Overview #

The Main navigation section serves as the primary header and navigation system for your site, appearing on all pages. It is designed to provide users with easy access to different parts of your site through a structured menu system.

Key components and functionality #

Menu open action

This setting determines how the menu is opened by users. You can choose between two options:

1. On click: The menu opens when a user clicks on it. Default: On click
2. On hover: The menu opens when a user hovers over it.

Show full-width menus

This option allows you to display all menu and mega-menu items in a new row within your navigation. This is particularly useful if you have a large number of menu items.

Sticky setting

The sticky setting controls the behavior of the navigation bar as users scroll through the page. Options include:

1. Fixed: The navigation bar remains fixed at the top of the page.
2. Hide on scroll: The navigation bar hides when scrolling down and reappears when scrolling up. Default: Hide on scroll
3. Off: The sticky feature is disabled.

Usage examples #

1. Menu open action: If you want a more interactive experience, set the menu to open on hover. This can be useful for desktop users who prefer quick access to submenus without clicking.

2. Show full-width menus: Use this setting if your site has a complex navigation structure with many categories. It helps in organizing the menu items neatly across the navigation bar.

3. Sticky setting: For a seamless browsing experience, especially on content-heavy pages, use the "Fixed" option to keep the navigation bar always visible. This ensures users can easily navigate to other sections without scrolling back to the top.

These settings enhance the usability and accessibility of your site's navigation, providing a better user experience across different devices.