navigation

Create and manage your site’s navigation menus

Build navigation menus, add links, organize dropdowns, and control the main menu used across your site.

Create and manage your site's navigation menus

Create and organize navigation menus to help visitors find their way around your website.

Accessing Navigation Menus

Navigate to Navigation in the left sidebar.

Main Menu

One menu is designated as the Main Menu, typically used for primary site navigation. The main menu is accessible in templates via the CurrentOrganization.MainMenu variable.

Creating a Menu

  1. Click Create Navigation Menu

  2. Enter:

    • Label: Display name (e.g., "Footer Links")

    • Developer Name: Identifier for templates

  3. Click Create

Adding Menu Items

  1. Open a navigation menu

  2. Click Create Menu Item

  3. Enter:

    • Label: Display text

    • URL: Link destination (absolute or relative)

    • Open in New Tab: Optional

    • CSS Class: Optional styling class

  4. Click Create

Managing Menu Items

Reordering

Drag and drop menu items to change their order.

Nested Items (Dropdowns)

Create dropdown menus by setting a Parent Item when creating or editing a menu item.

Editing

Click on any menu item to edit its label, URL, or other settings.

Disabling

Toggle Disabled to hide an item without deleting it.

Deleting

Click Delete to remove a menu item. Child items will also be removed.

Setting the Main Menu

  1. Open the menu you want as primary

  2. Click Set as Main Menu

Using Menus in Templates

Access menus in your Liquid templates:

Main Menu

{% for item in get_main_menu() %}
  <a href="{{ item.Url }}">{{ item.Label }}</a>
{% endfor %}

Specific Menu by Developer Name

{% assign footer_menu = get_menu('footer') %}
{% for item in footer_menu.MenuItems %}
  <a href="{{ item.Url }}">{{ item.Label }}</a>
{% endfor %}

Menu Item Properties

Available in templates:

  • item.Label - Display text

  • item.Url - Link destination

  • item.OpenInNewTab - Boolean

  • item.CssClassName - CSS class

  • item.IsDisabled - Boolean

  • item.Children - Nested items

Deleting a Menu

Open the menu and click Delete. You cannot delete the main menu while it's set as primary.

Need Help?

Can't find what you're looking for?

GitHub Discussions