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

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-add-a-menu-to-your-page-header",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Add a menu to a page header

> Learn to add a Navigation Menu to your page Header for your users to easily navigate through your website.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/hp8s94g04y" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Adding a menu to your page header

### Step 1. Select the menu block

* Open the **Website** tab from your Dashboard.
* Select the **Website Pages or Landing Pages** tab.
* Open the page editor for your Page. [Learn more](../../website/pages/how-to-get-to-the-page-editor)
* Navigate to the sidebar panel and click **Header**.
* Click **Add Content**.
* Select **Menu**:

<img src="https://mintcdn.com/kajabi-support/CM-okGX-0K4XYDbT/articles/images/587a51e9_16925267805339.png?fit=max&auto=format&n=CM-okGX-0K4XYDbT&q=85&s=9b7875261aac577b1e8db0b754c8e4d5" alt="C929CDD6-6C55-4201-8EE9-0664C42F7D35.png" width="1657" height="941" data-path="articles/images/587a51e9_16925267805339.png" />

<Note>
  **Note:**

  To create and edit your menu links, click **Edit your link lists** below the Menu Header in the sidebar editor.
</Note>

### Step 2. Select your navigation menu

* Open the **Menu** dropdown.
* Select the **Menu/Link List** that you wish to add to your Header.

***

## Customizing your menu

### Open in new tab

Enable this setting to open the item selected from your menu in a new tab of your page visitor's browser.

### Stretch block

<Note>
  **Note:**

  Only available with the Website Builder pages. [Learn more](../../website/pages/customizing-your-website-pages-with-the-website-builder)
</Note>

Enable the Stretch Block setting to fill the remaining space of the Header section.

A good rule for using the Stretch Block feature is to enable the Stretch Block feature for the block on the far left of your Header section.

For example, if you want to have a Logo on the far left side of your Header and a Menu and User Menu on the far right side, select **Stretch Block** for your Logo:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/c87qleobgh" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Control the alignment and positioning of your blocks by adjusting the Stretch Block and Block Alignment for the Blocks in your Header.

### Text alignment

Adjust the horizontal alignment of your block in the Header to appear more left, centered, or right-aligned.

Keep in mind, this setting will be impacted by the positioning and alignment of surrounding blocks.