Menu Editor Overview

A tour of the menu editor — where to find every tool.

The menu editor is where you build and style a menu. To open it, click Customize on a menu in Menu Manager. It opens in full screen, with four main areas:

(1) Top bar, (2) sidebar tabs, (3) item toolbar in the live preview, (4) bottom toolbar

🧩 Editor Areas

#	Area	What it does
1	Top bar	Shows the menu name and its status badge (Draft or Active). Publish opens the Publish dialog. Disable unpublishes an active menu (it's greyed out while the menu is a draft). X closes the editor. When you have unsaved changes, Save and Discard appear too.
2	Sidebar tabs	The icons in the left bar switch the panel next to them: Elements, Settings, Fonts, Colors, Advanced and Version history (see below).
3	Live preview	Shows your menu as customers will see it. Hover over an item for a small toolbar with Duplicate, Edit (pencil) and Delete (trash can). Click + at the end of the menu bar to add a new main item.
4	Bottom toolbar	The two screen icons switch the preview between desktop and mobile. Edit is the normal building mode. Translate lets you pick a language (flag dropdown) and translate items right in the preview. See Translate Menu Items.

🗂️ Sidebar Tabs

These are the icons from top to bottom:

Icon	Tab	What you do there
☰	Elements	Build the structure: main items, submenus and blocks. Click Add submenu under an item, or Add items inside a block. Click an item to edit it. See Add Main Menu Item and Submenus.
⚙️	Settings	Position (where the menu appears on your theme), layout, submenu animation, account links, spacing and mobile behavior. See Menu Settings.
A	Fonts	Typography for each part of the menu. See Adjust Menu Font.
🪣	Colors	Colors for the main menu, submenu, tabs, labels and buttons. See Adjust Menu Colors.
</>	Advanced	Market availability and Stylesheet / CSS. See Show Menus by Market and Custom CSS.
🕘	Version history	Go back to an earlier saved version of the menu (Pro Navigation). See Version History.

A Typical Editing Session

1

Build the structure

In Elements, add your items and set up their submenus. The live preview updates as you go.

2

Style it

Adjust Settings, Fonts and Colors. Switch the preview to mobile in the bottom toolbar to check the mobile menu too.

3

Save

Click Save in the top bar. This stores your changes in the app.

4

Publish

Click Publish, choose the theme and click Publish again. See Publish New Menu to Theme.

Save isn't the same as Publish. Save stores your changes in the app. The storefront only gets them after you Publish. When you edit a menu that's already Active, click Save, then Publish again.

Tip: before big changes, Duplicate the menu in Menu manager. On Pro Navigation you can also go back to an earlier save in Version History.

---

Related Articles

Add Main Menu ItemSubmenusMenu SettingsPublish New Menu to Theme

---

💬 Need help?

Email us at 📧 [e-mail] - we’re happy to assist!