---
title: "Add a Header"
slug: "add-a-header"
updated: 2026-10-20T19:30:41Z
published: 2026-10-20T19:30:41Z
canonical: "docs.blackthorn.io/add-a-header"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Add a Header

Add a Header by creating a section at the very top of your canvas, then clicking **Add component → BASIC → Header**.

⚠️
**Only one Header is allowed per page.** Adding a second Header replaces the existing one. Keep it in its own dedicated section at the very top of your canvas.

The Header settings panel has three tabs:

- **Navigation:**  Add nav items with labels, URLs, and icons. Link to page sections (`#register`), tabs (`#agenda:schedule`), or external URLs. See the **Component Library** for full settings detail.
- **Style:** Navbar background, glass effect, gradient animation, nav item colors, hamburger icon.
- **Spacing:** Padding and layout controls.

💡Enable **Sticky Header** so navigation follows visitors as they scroll, and link the Register button to `#register` for a smooth scroll-to-checkout experience.

---

![Header component selected: Navigation, Style, and Spacing tabs in the settings panel](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/f3-header-overview.png)Header component selected: Navigation, Style, and Spacing tabs in the settings panel