Skip to main content
Browse the guide

Website management

Navigation

Decide what appears in your site header, footer and menus.


Your navigation is the menu that runs across the top of your public site (the header) and the band of links at the very bottom (the footer). You build both here with a visual editor and a live preview. Find it under Website management in the admin sidebar, on the Navigation page.

Who can use this

You need the admin role to save changes. Moderators can open the page and look around, but only admins can save — a moderator's save will be refused. Everything you set here appears straight away on your public site once saved.

What's on the page

The editor has three tabs:

  • Header — your top navbar: layout, labels, and menu items.
  • Footer — your bottom links: layout, columns, social links, and copyright.
  • JSON (advanced) — copy or paste the raw navigation, handy for moving a menu between organisations.

The Header and Footer tabs each show a live Preview beside them, with Desktop and Mobile views and an expand button.

Step by step

  1. On the Header tab, find the Items section.
  2. Click + Link, + CTA (a call-to-action button) or + Dropdown.
  3. Set the Label (what visitors read), choose a Style, and set the Visibility.
  4. For a link or CTA, choose Internal page and pick a destination, or External link and paste a full https:// address.
  5. Use the ↑ / ↓ arrows to reorder, or to remove. You can have up to 12 top-level items; dropdowns hold up to 8 child links.
  1. With Internal page selected, use the search box to filter your built-in routes and every page on your organisation (drafts included).
  2. If you type a path that doesn't exist yet, you'll see an amber warning. For a simple path you can click Create page at … to make a draft and jump straight into the page editor.
  3. A link to a page that doesn't exist shows a Missing page badge and is hidden on the public site until that page is published.
  1. Open the Footer tab.
  2. Set the Layout variant, Background, Text tone, an optional Intro text, and your Copyright line.
  3. Add Columns (up to 6, each with up to 10 link rows), Social links (up to 10, with a brand icon picker), and an optional Footer CTA button.

Save your changes

  1. As soon as you edit anything, the bar reads Unsaved changes.
  2. Click Save navigation. The button shows Saving…, then Saved.
  3. Discard reverts to your last saved version; Export JSON downloads a copy of your menu.

Field reference

FieldWhereWhat it does
Layout variantHeader / FooterOverall arrangement (e.g. Logo left, links right; Multi-column).
Background treatment / Background / Text toneHeader / FooterColour styling of the bar.
Signed-in / Signed-out labelHeaderText and style for the account and sign-in buttons.
Stick header to top on scrollHeaderKeeps the navbar visible as visitors scroll.
Show site name next to logoHeaderTurn off if your logo already includes the club name.
TypeItemLink, CTA button or Dropdown.
StyleItemButton appearance (Plain, Navbar, Brand or Status).
VisibilityItem / Footer linkAlways visible, Signed-out visitors only, Members only, Members & up, Moderators & admins, or Admins only.
LabelItem / Column / SocialThe text shown (FontAwesome icons allowed).
Internal page / External linkURL fieldChoose a page on your site or an off-site https:// address.
Intro text / Copyright lineFooterOptional sentence and the copyright notice above/within the footer.

Tips & FAQ

  • Icons in labels: open the "Use FontAwesome icons in any label" helper to paste a free icon snippet into any label.
  • Register and sign-in links hide themselves when they no longer apply. A link to the Register page is hidden automatically for visitors who already belong to your organisation (including anyone with a pending application), and Sign in / Sign up links are hidden for signed-in visitors — whatever the item's Visibility setting says. You can safely leave these links on "Always visible".
  • External links open in a new tab and are kept safe automatically.
  • Rolled back? Every save records a version for history, so you can change things confidently.
  • Mandatory branding always sits below your editable footer and can't be removed.
  • Related: build the pages your menu links to under Pages, adjust colours and buttons under Theme, and set your logo on Branding. See the Admin overview for the bigger picture.