Create a CMS menu, bind canvas templates for top-level and submenu items, manage labels/URLs/order, and export the structure for WordPress navigation.
Where: Export settings → menu mapping — Map a nav to a menu location
Key ideas
- Menu data: Each menu owns named items with label, URL, order, and optional parentItemId for one-level submenu relationships.
- Canvas templates: Selected elements can become repeated top-level item templates; separate selected elements define the submenu container and submenu item template.
- Editable hierarchy: Top-level items can be reordered while children remain attached to their parent, and labels/URLs remain editable before export.
Steps
- Open CMS → Menus and create a clearly named menu.
- Select the element or elements that should repeat for top-level items and attach them as item templates.
- If submenus are needed, select exactly one submenu container and one submenu item template and attach each to its role.
- Add or edit item labels and URLs, add child items beneath the correct parent, and drag top-level rows into order.
- Preview hover/focus/click behavior and responsive navigation, then export to WordPress and verify the destination menu data and hierarchy.
Menu editor controls
- Rename or delete the menu.
- Attach/remove one or more selected top-level item templates.
- Attach/clear one submenu container and one submenu item template.
- Add, edit, delete, and reorder top-level items.
- Add one level of child items with independent labels and URLs.
Visual CMS state
Menu templates receive their own CMS decoration/badge so they are not mistaken for a generic repeater during auto-connect and canvas inspection.
Limitations and important notes
- The current authored menu model supports one explicit submenu level.
- Destination theme CSS/JavaScript can still change responsive, hover, focus, and keyboard behavior.
Troubleshooting
Submenu items have data but no visual dropdown
Confirm both the submenu container and submenu item template are attached, then test the exported theme’s interaction and CSS.