Skip to the content
Build your tour

Build a Top Nav Bar - Multi Menu for your tour

Turn on the Top Nav Bar - Multi Menu, build its menus of scenes and links, and set its look. Visitors see it on every plan, in any theme.

Guide8 min read Updated

On this page

The short answer

The Top Nav Bar - Multi Menu is a website-style menu across the top of a tour, with a dropdown under each item and a flyout beside a dropdown row. Open the tour's Design tab, choose Top Nav Bar - Multi Menu, tick Show Menu Bar and click Save & Render. The bar shows a menu for each of your panorama groups by itself, and follows the panoramas and groups you add later. Click Customise menu to build your own menu instead.

The files behind pictures and logos have their own page: The Asset Library.

Who can use it and what it needs

  • The Design tab is open to the owner and, by default, to Admin collaborators. Save & Render also needs the permission for the Settings tab, which Admin collaborators have by default.
  • Visitors see the bar on every plan. The menu bar is not part of a theme, so the public page and an embed show it in any theme. A free download is the Standard design, which has no menu bar; a download of your own design, which comes with a paid plan, has it. The preview on the Design tab and the Preview tab always show it (share a tour).
  • Player and layout. The bar is part of the current player (engine v2) and its default tour layout. The older v1 player and the bare marzipano layout do not have it.

The automatic menu

Until you customise it, the card under Show Menu Bar reads Automatic menu. The bar then has a menu for each panorama group, in the order of your groups, with the group's scenes in its dropdown. A group with one scene is a link straight to it. Scenes without a group go into a last menu under your Ungrouped Items Label, and a tour with no groups gets one Rooms menu with every scene.

The automatic menu is made again whenever the tour is, so a scene or a group you add later is in the bar without editing anything. It uses the names in the visitor's language.

A tour that already had a menu before 11 October 2026 keeps it as a custom menu.

Build your own menu

  1. Open the tour and click the Design tab. Under Component Modules click Top Nav Bar - Multi Menu. It is listed in both the Basic and the Advanced view.
  2. Tick Show Menu Bar.
  3. Click Customise menu. The card now reads Custom menu, and the Menu builder window opens on a copy of the automatic menu, with your menu on the left and your Tour Scenes on the right. Later the button reads Edit menu, or Build menu when the menu is empty. A custom menu stays as you built it: new scenes and groups are not added to it. Use the automatic menu goes back, and keeps your menu for the next time you click Customise menu.
  4. Add items. Click a scene to add it to the selected menu, or drag it onto a row. Add menu adds a menu that opens a dropdown, and Add link adds a link to a web address. Fill from categories makes a menu for each scene group, and asks first if the menu already has items. Scenes without a group go under your Ungrouped Items Label, or into one Rooms menu when no scene is in a group.
  5. Edit each row. Type its label, and choose what it does: Go to a scene, Open a link (type the Link address; tick New tab to open it in a new tab) or Menu (opens a submenu). The arrow buttons move a row and × removes it. New items go into the row you selected, which the builder names after New items go into.
  6. Click Done, then Save & Render on the Design tab.
Limit Value
Levels 3: the bar, a dropdown, and a flyout beside a dropdown row
Items 150 in all, menus included
Label 60 characters. The label is its own text: renaming a scene later does not change it
Links http, https, mailto or tel. A link with another kind of address, such as javascript:, is dropped

Why an item is left out

The builder shows an amber note under a row that the tour will leave out:

  • This scene is no longer in the tour, so the item is left out.
  • Choose a scene, or the item is left out.
  • Add a link address, or the item is left out.
  • Add scenes inside this menu, or it is left out.

Two more cases get no note. A row with an empty label is dropped. A scene beyond the tour's published scene limit is dropped too (see Why can't I publish my tour?).

Look and options

These are on screen in the Basic view:

  • Show Room Title (off) puts the name of the room being shown in the bar as plain text. Once it is on, Title Alignment places the name in the room between the menu and the icons: Left (beside the menu), Center (the default) or Right (beside the icons). On a phone the name always reads from the left.
  • Arrange & Toggle Icons (all off) puts the Top Nav Bar - Dropdown's nine icons in this bar. Click the heading to open the list, then drag them into the order you want.
  • Look is Match the tour theme by default, or Light, Dark or Custom colours, which adds Bar Colour, Text Colour and Highlight Colour.
  • Button Style is how the bar marks the item you are on. Basic, the default, has no line: the item has a soft background. Underline puts a line under the item you are on and the one you point at, and adds Underline Colour, Text Colour, Hover Colour and Line Thickness (3 px, from 1 to 8). Rounded Button makes the item a rounded button and adds Background Colour, Text Colour, Hover Colour and Border Radius (10 px, from 3 to 10). A colour you leave empty is chosen for you; Use automatic empties one again.
  • The logo: Upload or Choose from Assets (later Change Logo) opens Select Brand Logo. It takes a PNG, JPG, WebP, SVG or GIF up to 10 MB, or an image already in your Asset Library.

Click Advanced for the rest: Bar Opacity (lower it to see the panorama through the bar), Logo Position (right end by default, once a logo is set), Uppercase Labels, Lines Between Items (not with Rounded Button, which has none) and Glass Dropdowns (all on), Bar Height (56 px, from 44 to 80), Dropdown Width (240 px, from 200 to 600), Panorama Under the Bar (off) and Open Menus On (Hover by default, or Click). Button Label and Button Link add a call-to-action button at the end of the bar; it needs both.

What visitors see

  • On a computer, the bar across the top. Pointing at an item opens its dropdown, or clicking does when Open Menus On is Click. On a touch screen the first tap opens a menu and a second tap goes to the item's own page.
  • On a phone (768 pixels wide or narrower), the bar shows only the logo, the room title if it is on, and a hamburger button. The menu opens as a panel with one list for each level and a Back row. The icons and the call-to-action button are in the panel.
  • One language. The labels do not follow the language a visitor picks: see Translate a tour into other languages.

Save & Render refreshes the stored copy that visitors get, unless Draft Workflows is on: then click Publish Changes (my changes do not show).

Troubleshooting

The bar does not show in the public tour. Check, in order: a custom menu has at least one item (The bar shows up once the menu has at least one item.), and the tour has at least one scene; Show Menu Bar is ticked (it is off by default) and saved; the stored copy is current. A free download is the Standard design, which has no bar.

A new scene or group is not in the bar. The menu is a custom one, which does not follow the tour. Add the item in the Menu builder, or click Use the automatic menu.

An item is missing from the bar. See Why an item is left out.

There are two sets of icons at the top. The tour keeps its Top Nav Bar - Dropdown. To use only the bar's icons, turn off Show Title Bar and Just Icons in the Top Nav Bar - Dropdown panel (Just Icons shows in the Advanced view).

The logo will not upload. The picker says That image is over 10 MB. Choose a smaller one. or That file is not an image. Choose a PNG, JPG, WebP, SVG or GIF. Until you confirm your email address it says You can't upload images right now. If you haven't verified your email address yet, do that first.

Saving fails with a 403 error. Your role has the Design tab but not the Settings tab. Ask the owner.

Was this article helpful?