The Navigation Manager is a full-screen workspace for everything to do with your site's menus, header and footer, which pages and links appear in your menu and in what order, dropdowns and mega menus, which header and footer layout your site uses, and the colours, widths, spacing and fonts of your navigation.
Menus have moved. You used to add pages to your menu inside the page editor with a Show on Menu toggle, and style the header from a small popup. That now all happens here, in the Navigation Manager. If you're looking for where your menu, header layout or footer options went, this is the place.
The first time you open the Navigation Manager, it builds your header and footer menus automatically from your site's existing menu, so you never start from a blank screen. Some sites will see "Unsaved changes" straight away, that's a one-time tidy-up (for example, moving items that were wrongly nested under Home back to the top level) waiting for you to press Save.
Opening the Navigation Manager
You open it from inside the page editor, using the buttons in the top function bar:
- 1Click Navigation to open the Navigation Manager on the Header Menu tab.
- 2Or click Styles to open it with the Header & Navigation Styles panel already showing.
- 3If your site already uses one of the new header layouts, the header edit popup also has a Manage header layouts button that opens the same styles panel.
If the page you're editing has unsaved changes, you'll be asked to confirm first, moving to the Navigation Manager discards those page edits. To go back to the editor, use the back arrow at the top-left of the Navigation Manager.
Finding your way around
The workspace has three tabs, Header Menu, Footer Menu and Page Overrides, and a Site Pages panel down the left that lists every page on your site. When you select a menu item, its settings open in a panel on the right. The styles wheel opens the styling panel, which sits below a live preview of your site.
Building your header menu
On the Header Menu tab, the Menu Structure card shows your menu as a list you can drag to reorder. There are two ways to add to it:
- 1To add an existing page, find it in the Site Pages panel on the left and click the + beside it. It's added to the bottom of the menu, and a green tick shows it's now included.
- 2To add a link, label or anchor, click + Add menu item at the bottom of the Menu Structure card and choose a type (see below).
- 3Drag the handle on any row to reorder it. Dragging a parent item brings its dropdown children with it.
- 4Double-click an item to rename it (Enter saves, Esc cancels), or use the Title field in its settings panel.
Menu item types
When you click Add menu item you can choose:
Internal Link: link to another page on your site.
External Link: link to another website, opening in the same tab or a new one.
Placeholder: a non-clickable label, handy as the parent of a dropdown.
Section Anchor: link to a specific section on a page (you provide the anchor ID; a leading # is fine, it's removed automatically).
Pages themselves are normally added with the + in Site Pages. The dialog is for links, labels and anchors.
Internal Link: link to another page on your site.
External Link: link to another website, opening in the same tab or a new one.
Placeholder: a non-clickable label, handy as the parent of a dropdown.
Section Anchor: link to a specific section on a page (you provide the anchor ID; a leading # is fine, it's removed automatically).
Pages themselves are normally added with the + in Site Pages. The dialog is for links, labels and anchors.
Removing an item
Open an item and click Remove from menu. Its children move up a level so nothing is orphaned. This does not delete the page, it stays on your site and everywhere else it's used; it simply stops appearing in this menu. To delete a page entirely, use the Pages panel in the page editor.
Creating dropdown menus
Dropdowns are made by nesting one item under another, and the trick is to position first, then nest: drag the item directly below the item you want it to appear under, then open its settings and click Make dropdown item. To pull it back out, use Move to top level. When you nest an item, its new parent expands so you can see the result.
The header menu allows up to three levels (top level → dropdown → sub-dropdown). One special rule: in the header menu, Home can't be nested, and nothing can be nested under Home.
Mega menus
A mega menu turns a top-level menu item into a wide, multi-column panel with headings, descriptions, images or icons, groups of links and a button per column. To use one, select a top-level item and turn on Enable mega menu in its settings.
The checkbox is only available when two things are true: your site uses a header layout that supports mega menus (not a hamburger layout and not Side Navigation), and the item already has at least one item nested under it.
A mega menu replaces the normal dropdown for that item. The columns you set up take over, items nested in the tree only appear if you assign them into a column. If links seem to "disappear" after you turn a mega menu on, look for the Unassigned child items list at the bottom of the editor and assign each one into a column. A link can live in only one column.
You can add up to five columns, each with an optional heading, a description, an image or icon, its assigned links, and a button (URL, email or phone). The mega menu's overall layout style and width aren't set per item, they live in the Header & Navigation Styles panel and apply to every mega menu on your site.
Choosing a header layout
In the Header & Navigation Styles panel, Header template lets you pick from six layouts: Modern Header, Modern Centered Header, Two-Row Header, Hamburger Header, Hamburger – Side Panel, and Side Navigation. Choosing one updates the live preview only, the switch is applied to your live site when you press Save.
Some features only work on the newer header layouts. Mega menus, header transparency, and Page Overrides (hiding the menu on individual pages) all need one of the new header layouts. If your site is still on an older header, switch to one of the six above to use these features, until you do, the Page Overrides tab stays locked with a note explaining why.
A few layout notes: Centre logo between menu items is only offered on Modern Header; the Nav width options are hidden on hamburger layouts and Side Navigation because those have fixed widths; and Side Navigation takes all of its colours from the Nav Row Colours section.
Styling your header and navigation
The styles panel controls colours (the nav bar, links, dropdowns and mega menu), nav width, alignment, item spacing and font sizes. The live preview of your home page above it updates as you change colours, widths, alignment and font sizes, without saving. Menu changes themselves (adding items, reordering, dropdowns, mega menu content) don't appear in the preview until you Save.
Colours
Each colour field is a swatch plus a hex box. Click the swatch to pick from your site's palette, use the saturation and hue controls, or sample a colour anywhere on screen with the eyedropper. Leaving a colour empty means "use the theme default", that's how you clear an override.
The see-through controls are opacity values: 0% is invisible and 100% is solid, not the other way round. Turning on Transparency reveals separate opacity settings for desktop, mobile, and the "scrolled" state, what the header fades to once a visitor scrolls down the page.
The Apply button at the bottom of the styles panel only closes the panel, it does not save. Your styling, like everything else, is committed with the Save button in the top bar.
Sticky header
Turn on Fixed position to keep the header on screen while visitors scroll. This reveals a Page top spacing value per device, used to stop your page content sliding underneath the fixed header, leave it blank or 0 to have it matched automatically to the header's height.
Building your footer
The Footer Menu tab works the same way, but reads as groups of links: a top-level item becomes a column heading, and the items nested under it are the links in that column. The footer allows two levels (heading → links). Below the menu, the Footer Content card holds your Additional text and Copyright text. The styles wheel on this tab opens Footer Styles, where you choose a footer layout, width and colours.
If you choose the With Form footer layout, the Additional text field is hidden, since that layout uses the space for the form instead.
Hiding the menu on specific pages
The Page Overrides tab lets you control the navigation page by page, handy for landing and campaign pages where you'd rather visitors didn't wander off. Each page can be set to:
Default – Full navigation: the normal header and full menu.
Logo + CTA only: the header keeps just the logo and call-to-action button, with no menu links.
Hidden: no header at all on that page.
This tab only works with the new header layouts; on an older header it's locked, with an in-product note pointing you to switch headers first.
Default – Full navigation: the normal header and full menu.
Logo + CTA only: the header keeps just the logo and call-to-action button, with no menu links.
Hidden: no header at all on that page.
This tab only works with the new header layouts; on an older header it's locked, with an in-product note pointing you to switch headers first.
Saving your changes
One Save commits everything across the workspace: menu order and nesting, mega menus, footer text, page overrides, all styling, and any pending header or footer layout switch. On success you'll see "Menu saved successfully", and your live site's cache is cleared so the changes show straight away.
Discard does not undo everything. A few actions save to your live site the moment you do them, adding a menu item, removing one, renaming an item, and editing a link's URL, target or destination page. Discard only reverses the things still waiting to be saved: order, nesting, mega menu content, styling, footer text, page overrides and pending layout switches. So don't rely on Discard to bring back an item you removed or a name you changed.
If you switch tabs with unsaved changes, you'll be asked to Cancel, Discard, or Save & Switch. And if someone else has saved changes to the site since you opened the Navigation Manager, you'll be warned at save time and asked whether to reload their version or overwrite it, nothing is lost silently. Undo (Ctrl+Z) and Redo (Ctrl+Y) step back and forward through structural and styling changes.
What's still in the page editor
The Navigation Manager controls which links appear and how the header, dropdowns, mega menus and footer look. A few related things are still edited from the header edit popup in the page editor: your logo, favicon, phone / call-to-action button, custom text, notification bar and search box. Creating, renaming and deleting pages, along with page settings and SEO, also stay in the page editor.
Common Questions
Was this helpful?
Last updated:
Related Articles
The Page Editor
Your central workspace for building pages, learn about page settings, SEO, social sharing, the sidebar, and how to preview your work.
6 min read
Header: Logo, Call to Action & Favicon
Customise your site header, add your logo, set up a call-to-action button, change the layout, and add a favicon.
8 min readVideo
Footer Editing
Customise your site-wide footer with different layouts, colours, background images, and spacing to match your brand.
4 min read
Still need help?
Submit a Support Ticket