Menu

Showcase a navigation menu anywhere on your site, control its visibility on desktop or mobile, and keep navigation clear, accessible, and relevant for every visitor.

Last updated 2 months ago

Overview

The Menu block lets you display a curated navigation menu within your site's sections, helping visitors quickly access relevant content. By placing the Menu block where it matters most, you can boost engagement and streamline site navigation for both desktop and mobile users. This flexible block ensures that menus are always shown in the right context, supporting smooth and purposeful site journeys.

💡 Tip: Use the Menu block to present target-specific links, making it convenient for users to find what they need across all device types.

Menu settings

Menu settings control which navigation menu is shown within the Menu block. Selecting the appropriate menu allows the block to fit precisely into the section’s context—such as highlighting product categories or displaying policy links in the footer. No menu is displayed by default in the Menu block, so your content stays uncluttered until you make a selection.

Providing context-relevant navigation with each Menu block ensures your users always see helpful, timely options.

Visibility settings

Visibility settings determine when and where the Menu block appears on your site. By customizing these options, you can adapt navigation to fit perfectly for desktop or mobile, minimizing distraction and focusing user attention.

  1. Do not hide

    1. The block is shown on all devices.

    2. Default: do not hide

  2. Hide on desktop

    1. Menu is only visible on mobile devices.

  3. Hide on mobile

    1. Menu is only visible on desktop devices.

These options make it easy to deliver a streamlined navigation experience, with menus shown only where they are truly needed.

Available in sections

Only available in the Navigation section.

Usage notes

  1. Use clear menu names and descriptive link labels to enhance site accessibility and overall navigation clarity.

  2. Regularly review and update menus to ensure they remain relevant and helpful.

  3. Adjust visibility settings to keep menus focused and avoid clutter for different device experiences.

  4. Preview the Menu block on both desktop and mobile to ensure consistent appearance and accessibility.

Using the Menu block with intentional menu selection and device-specific settings enables navigation that is both functional and accessible for every visitor.