> ## 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-user-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 user menu to a page header

> Learn to add a user menu to the page header for your customers to easily access their user accounts from your page.

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

***

## What is a user menu?

The User Menu is a navigation menu built specifically for your customers. Within the User Menu, your customers can login and logout of their user accounts on your site and access their [customer settings](../../contacts/manage-your-contacts/customer-update-of-customer-settings).

<Note>
  **Note:**

  Previewing your page as a logged-in admin will display your uploaded Avatar (if you have uploaded an Avatar to your [Account Details](../../account-settings/my-kajabi/change-your-account-details)) or the default Avatar. Customers logged into your site will see their uploaded Avatar (if they uploaded an Avatar in their [customer settings](../../contacts/manage-your-contacts/customer-update-of-customer-settings)) or the default Avatar.
</Note>

***

## Adding a user menu

* Open the **Website** tab from your Dashboard.
* Select the **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 **User Menu**:

<img src="https://mintcdn.com/kajabi-support/QfVwWqW_aHJr5jdx/articles/images/e08730e4_16929117238299.png?fit=max&auto=format&n=QfVwWqW_aHJr5jdx&q=85&s=ed997efd129b0c53b57173381ef97464" alt="16C606C6-2F5A-4A9B-8ED4-51FC839FEBCE.png" width="1657" height="941" data-path="articles/images/e08730e4_16929117238299.png" />

Keep in mind, the User Menu is displayed as the user Avatar. When your page visitors click the Avatar, the dropdown User Menu opens for your customers to:

* Access the [**Library**](../../website/pages/customizing-your-library-page).
* Edit and view their [**customer settings**](../../contacts/manage-your-contacts/customer-update-of-customer-settings#h_01EJY59F6QESZ7N3MDNTV6MTK2).
* **Login/Logout** from your site.

***

## Customizing the user menu

Customize your user menu's text and background color to match your brand and change the language for the menu items.

### Dropdown menu alignment

Customize the text alignment for the items displayed in your user dropdown menu.

<Tip>
  **Tip:**

  Select and save your desired menu alignment. Then, preview your page to ensure that the alignment fits your vision.
</Tip>

### Stretch block

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/ak3drnth7p" 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 surrounding Blocks and their positioning and alignment.