Site Settings: Top Menu
Configure the top navigation menu bar with links to pages, external URLs, forms, and home. Each item supports optional icons from built-in icons from Lucide, Heroicons, Bootstrap and brand collections or custom uploaded SVGs.
The Top Menu tab configures a horizontal navigation bar displayed across the top of the published site. Each menu item links to a page, external URL, form, or the home page.
Enabling the Top Menu
Toggle the Enabled switch to show or hide the top menu bar on the published site. When disabled, no top navigation appears.
Menu Item Properties
| Property | Description |
|---|---|
| Label | Display text shown in the menu bar |
| Icon | Optional icon from the icon libraries or custom icons |
| Link type | How the item navigates (see link types below) |
| Target page | Page to navigate to (for page type, with autocomplete from workspace) |
| External URL | URL to navigate to (for external type) |
| Form ID | Form to open (for form type) |
| Order | Display order in the menu bar (lower numbers appear first) |
Link Types
| Type | Behaviour |
|---|---|
| Home | Navigates to the site home page |
| Page | Navigates to an internal content page (selected via autocomplete) |
| External | Opens an external URL |
| Form | Opens a configured form (from the Forms tab) |
Managing Menu Items
Icon Picker
Each menu item supports an optional icon. The icon picker provides access to:
| Library | Count | Style |
|---|---|---|
| Lucide | - | Stroke-based outline icons |
| Heroicons Outline | - | Stroke-based outline icons |
| Heroicons Solid | - | Filled solid icons |
| Bootstrap Icons | - | Filled icons |
| Custom Icons | User-uploaded | Custom SVG icons uploaded via the custom icons system |
Publishing Target Override
The top menu visibility can be overridden per publishing target. Each publishing target has a Show Top Bar toggle that controls whether the top menu appears in that target's published output.