> ## 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.

# Add a logo to a page header

> Learn to brand your page by adding a Logo Image or Logo Text to the page Header.

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

***

## Adding a logo block to your header

### Step 1. Select your block type

* Open the **Website** tab from the Dashboard
* Select the **Pages** tab
* Select the page you wish to edit and click **Customize**. [Learn to open your page editor](/articles/website/pages/how-to-get-to-the-page-editor)
* Navigate to the sidebar panel and click **Header**
* Click **Add Content**
* Select **Logo**:

<img src="https://mintcdn.com/kajabi-support/lKMXoaEC38-vIpmO/articles/images/085ddade_16926165121563.png?fit=max&auto=format&n=lKMXoaEC38-vIpmO&q=85&s=7b0953693b3eb8ea36205d8f14c2ddab" alt="DD9EA714-1EBC-4D74-BC4B-509157C6D888.png" width="1657" height="941" data-path="articles/images/085ddade_16926165121563.png" />

After adding the Logo Block Type, select:

* Image
* Text

<Note>
  **Note:** If you've uploaded a Logo Image to the [Branding section of your Site Detail Settings](/articles/website/pages/how-to-upload-your-favicon-and-logo-used-on-new-templates) prior to creating the page, Image Logo Type will default to the Logo uploaded in your Site Detail Settings. If you wish to change the image for your page, follow Step 2: Upload your Logo.
</Note>

### Step 2. Upload your logo

Depending on the Logo Type selected:

* Upload your Logo Image by clicking **Select Image** and choosing a new file or a recent file
* Enter text in the **Logo Text** field

***

## Customizing your logo block

### Image alt attribute

Enter a brief image description to identify the image for SEO purposes, accessibility, or if the image cannot be displayed.

### Logo image width

If you have selected **Image** as your Logo Type, customize the width of your image to change the appearance of your Logo on your page.

### Logo text color

If you selected **Text** as your Logo Type, customize the text color to use your site branding colors or a custom color for your Logo Text.

### 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 your 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.