Top Navigation
Learn how to configure the menu bar displayed at the top of a business invitation.
Top Navigation
This section displays a fixed menu bar at the top of business event invitations such as conferences, seminars, medical events, and real estate.
What is Top Navigation?
- Automatic menu generation: Menu items are automatically built based on the content sections you've added to the invitation
- Section presence = nav display: Adding this section makes the top menu bar appear; removing it makes it disappear
- Logo support: You can display a logo image instead of a brand name text
- 2 design styles: Pill + hamburger (for light tones) / Minimal uppercase (for dark tones)
Configuration
Configuring in the editor
- Add the Top Navigation section from the left panel of the editing screen
- Configure the following options:
| Setting | Description |
|---|---|
| Brand name | Displayed on the top left (uses the cover/hero title if left empty) |
| Logo image | When set, displayed instead of the brand name text (horizontal PNG/SVG with a transparent background recommended) |
| Mobile logo | Uses the default logo if not set |
| Design | Default (layout-recommended) / Pill + hamburger / Minimal uppercase |
| Menu | List of automatically detected sections — you can rename or hide them |
Automatic menu generation
When you add content sections (pricing, before/after photos, FAQ, etc.) to the invitation, menu items that link to those sections are automatically created.
- Reordering sections also reorders the menu
- You can enter a custom display name for each menu item (uses the default name if left empty)
- You can hide specific menu items (the section itself stays, only the menu entry is excluded)
- There is a maximum item limit — sections beyond the limit won't appear in the menu
You don't add menu items separately. Adding a section to the body automatically creates a corresponding menu item.
Logo image
When you set a logo, it's displayed instead of the brand name text and is automatically resized to fit the menu bar height.
- You can set the default logo and mobile logo separately
- If the mobile logo is left empty, the default logo is used on mobile as well
A horizontal PNG or SVG logo is recommended — a transparent background will blend naturally with any design.
Design Styles
Pill + hamburger
- A style suited to light-toned backgrounds
- Menu items are displayed as pill-shaped buttons, switching to a hamburger menu on mobile
Minimal uppercase
- A style suited to dark-toned backgrounds
- A minimal layout that displays menu text in uppercase
If you don't specify a design, the layout's recommended default style is applied automatically.
Need Help?
If you have any questions about configuring the top navigation, please reach out via Contact Support!