Navigation & Link Picker

Navigation & Link Picker

Configure your website's navigation menu and link buttons to the right destinations.

Navigation Menu

Your website header includes a navigation bar. To configure it:

1. Open the website editor and click on the Header/Navigation section.
2. Add, remove, or reorder navigation items.
3. For each item, set:
   • Label — The text displayed (e.g. "About", "Pricing", "Blog")
   • URL / Destination — Where the link goes (see Link Types below)
   • Item Type — Link, CTA Primary (styled as a button), CTA Secondary, or Login

Link Types

• Anchor Links — Link to a section on your homepage using #section-id (e.g. #about, #pricing, #contact). These trigger smooth scrolling to the target section.
• Subpage Links — Link to any published subpage on your website (e.g. /gym/your-slug/about-us).
• External URLs — Link to any external website (opens in a new tab).
• Login — Links to the member login page.

Mobile Hamburger Menu

On mobile devices, navigation items automatically collapse into a hamburger menu (☰). All links work correctly from any page — including subpages and blog posts. The system automatically resolves relative paths to your gym's base URL so anchor links like #pricing always navigate back to the homepage section, even from a blog post.

Blog Link

A "Blog" navigation link appears automatically when you have at least one published blog post. You don't need to add it manually.

Link Picker in Sections

When editing button destinations in any section (Hero CTAs, CTA blocks, etc.), the Link Picker dialog lets you choose from:

• Your homepage sections (anchor links)
• Your published subpages
• External URLs (paste any URL)
• Join flow links (direct to membership sign-up)