Navigation Sections
The Navbar and Footer appear on every page. Edit them through the Layout Editor, not the per-page section editor. They do not appear in the section picker.
Navbar
ID: navbar-v2
A responsive navigation bar with a logo/site name, navigation links (with optional dropdowns), an optional CTA button, and a mobile hamburger menu. Sticks to the top of the page on scroll.
Live preview
Configuration
Configured through the Layout Editor. Properties:
| Property | Description |
|---|---|
siteName | Text displayed when logo display includes text |
logo | Logo image URL |
logoDisplay | What to show: text, logo, both, or none |
links | Navigation link items (supports nested dropdown children) |
showCta | Whether to display a CTA button |
ctaLabel | CTA button text |
ctaLink | CTA button destination |
ctaVariant | Button style: primary, secondary, or outline |
sticky | Stick to top on scroll (default: true) |
shadow | Show bottom shadow on scroll (default: true) |
layoutPreset | Layout variant: standard, centered, split, or minimal |
Layout presets
| Preset | Description |
|---|---|
standard | Logo left, links centered, CTA right |
centered | Everything centered in a row |
split | Logo left, links split left/right |
minimal | Logo left, links right-aligned |
Responsive behavior
On screens narrower than 768px, links collapse into a hamburger menu with expandable dropdowns and a full-width CTA button.
Tips
- Keep navigation to 4-6 top-level links. Use dropdowns for sub-pages.
- The navbar CTA button is useful for a persistent "Sign Up" or "Get Started" action.
Footer
ID: footer-v2
A multi-column footer on a dark background with a brand column, up to 4 link columns, social icons, and a copyright line. Collapses to 2 columns on mobile.
Live preview
Fields
| Field | Type | Label | Default |
|---|---|---|---|
copyright | text | Copyright Text | (c) 2026 Acme Inc. All rights reserved. |
socialLinks | array | Social Links | Twitter, GitHub, LinkedIn |
Social link item fields:
| Field | Type | Label | Default |
|---|---|---|---|
platform | text | Platform | |
url | url | URL | # |
icon | icon | Icon (optional) | -- |
Footer structure
The footer renders the following automatically from site defaults:
- Brand column: Company name and tagline
- Link columns: Up to 4 columns of categorized links (Product, Company, Resources, Legal)
- Social icons: Linked icons for each platform
- Copyright line: Copyright text at the bottom
When to use
Appears on every page automatically. Edit through the Layout Editor.
Tips
- Organize link columns by topic (Product, Company, Resources, Legal).
- Include privacy policy and terms of service links in the Legal column.
- Update the copyright text with your actual company name.