Menu

The Menu block is a powerful tool for managing and displaying navigation menus within your theme. It allows you to customize menu appearance and functionality across different devices, ensuring a seamless user experience. With the Menu block, you can link to specific menu items and control their visibility based on the device being used.

Key settings include the Menu Link List, which lets you select a list of links to display as a menu, and Visibility Settings, which determine when and where the menu is visible. You can choose to hide the menu on specific devices, with options to hide on desktop or mobile, or keep it visible on all devices.

Practical usage examples include creating a primary navigation menu that is visible on desktop devices but hidden on mobile devices to reduce clutter. Alternatively, you can configure the Menu block to display a simplified menu on mobile devices, ensuring easy navigation on smaller screens. By utilizing these settings, you can create a responsive and user-friendly navigation experience tailored to your audience's needs.

Overview #

The Menu block is designed to manage and display navigation menus within your theme. It allows users to customize how menus appear and function across different devices, providing a flexible solution for integrating navigation into your site.

Key components and functionality #

Menu

The Menu block is a versatile tool that enables you to integrate navigation menus into your theme. It provides options to link to specific menu items and adjust their visibility based on the device being used.

Settings

1. Menu Link List

   • This setting allows you to select a list of links that will be displayed as a menu. It is essential for defining the structure of your navigation.

2. Visibility Settings

   • This setting controls when and where the menu is visible. You can choose to hide the menu on specific devices to optimize the user experience.

   • Options:

     1. Do not hide - The menu will be visible on all devices.
     2. Hide on desktop - The menu will be hidden when viewed on desktop devices.
     3. Hide on mobile - The menu will be hidden when viewed on mobile devices.

   • Default: Do not hide

Available in sections #

• This block is available in the following sections:
  • [List of sections where the block is available]

Usage examples #

• Desktop Navigation: Use the Menu block to create a primary navigation menu that is visible on desktop devices but hidden on mobile devices. This can help streamline the mobile experience by reducing clutter.

• Mobile-Specific Menus: Configure the Menu block to display a simplified menu on mobile devices, ensuring that users can easily navigate your site on smaller screens.

By leveraging the settings within the Menu block, you can create a responsive and user-friendly navigation experience that adapts to different devices and user needs.