Headers and Footers
Purpose
The Header and Footer collections each hold a single document per tenant. They control the global navigation that appears on every page of your public site.
When to use this
When you need to add, remove or re-order menu items, change the logo, update the footer text, or add social media links.
Headers — key fields
- Logo — image picker. Defaults to the logo from Site Settings; override here if you want a different one in the navbar.
- Menu items — array of links. Each item has Label, URL (relative or absolute), Open in new tab, optional Children for dropdowns.
- Right-side items — login link, members area, basket icon. Built-in toggles.
- Sticky — whether the header stays at the top when scrolling. Default off.
Footers — key fields
- Columns — three or four columns, each with a heading and a list of links.
- Social links — Facebook, Twitter/X, Instagram, YouTube. Filled in once and rendered as icons.
- Copyright text — single line at the bottom (e.g. "© Cathkin Braes Golf Club 2026").
- Newsletter signup — toggle to include a footer signup form linked to your Newsletter Settings.
- Address — your club's postal address. Used in the footer and in the SEO LocalBusiness schema.
Common tasks
Add a menu item
- Website > Header, open the single Header document.
- In Menu items, click Add.
- Label, URL, optional Children.
- Save.
Build a dropdown menu
- In a menu item, leave URL blank and add Children.
- Each child has its own Label and URL.
- Save. The parent now renders as a hover dropdown.
Edit the footer copyright
- Website > Footer, edit the Copyright text.
Gotchas
- One per tenant — the system enforces a single Header and single Footer document. Trying to create another returns a validation error ("Header already exists for this tenant"). Edit the existing one instead.
- Logo precedence — Header logo overrides Site Settings logo, but only in the navbar. The favicon and OG image come from Site Settings.
- URLs — relative URLs (
/membership) keep visitors on your site. Absolute URLs (https://…) leave. Use the Open in new tab toggle for external links. - No client-side router reloads — changing the Header doesn't require a rebuild; it updates on the next page load.
Related
Still need help? Open the chat assistant in the corner, or send us a message.
