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

# Change the link of a header logo

> With the Code Editor available with Access or the Pro Plan, learn to change the link of your Header Logo.

With the Code Editor available with [Access](https://help.kajabi.com/hc/en-us/articles/360058304873) or the Pro Plan, learn to change the link of your Header Logo.

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

<Note>
  **Note:** Changing the link of your Header Logo requires the Code Editor only available with the Pro Plan or [Access](https://help.kajabi.com/hc/en-us/articles/360058304873). Check out [kajabi.com/pricing](https://kajabi.com/pricing) for details on the Pro Plan.
</Note>

***

## What is the header logo?

The Header Logo is located at the top of your page to display your brand and identify your site. In addition to branding your page, the Header Logo behaves as a clickable link to lead your page visitors back to the homepage of your site:

<img src="https://mintcdn.com/kajabi-support/N3VXT8aMWFKAgK0L/articles/images/c296c4d5_upload_8976578717122557957.png?fit=max&auto=format&n=N3VXT8aMWFKAgK0L&q=85&s=d905173da908ea9fa1d5870ee2710061" alt="D9FEF71F-47F0-41C5-A663-FC3D90A08D68.png" width="3112" height="1768" data-path="articles/images/c296c4d5_upload_8976578717122557957.png" />

Natively, the Header Logo is linked to the homepage of your site (i.e., [Template Home](/articles/website/pages/what-is-the-template-home) or [Custom Homepage](/articles/website/pages/change-your-homepage)).

However, if you wish to link to a different page when a visitor clicks your Header Logo, use the Code Editor available with the Pro Plan to change the link.

Looking to completely remove your Header Logo? Learn to customize your Header Logo in pages built with [Premier](/articles/website/pages/how-to-customize-your-header-in-your-page-with-premier) or [Kajabi Pages](/articles/website/pages/customizing-your-header).

***

## Changing the link with the website builder

First, copy the link you want your Header Logo to lead to.

Then, use the [Code Editor](/articles/website/pages/how-to-access-the-code-editor) to change your logo link:

* Open the **Code Editor** for your desired website page.
* Open the **Snippets** folder.
* Click open the `shared_block_logo.liquid` file.
* Locate `<a class="logo" href="/">` near or on line 14.

In this code snippet, replace the forward slash (/) with your full URL (e.g., [https://help.kajabi.com](https://help.kajabi.com)):

<img src="https://mintcdn.com/kajabi-support/M-wREd-SKWO7LgG-/articles/images/107c39ef_360086971374.png?fit=max&auto=format&n=M-wREd-SKWO7LgG-&q=85&s=a6aa5fa62db8acea20890d8c25cd6b60" alt="88C230FD-CB72-4DC6-8759-7AF37C46925B.png" width="3766" height="834" data-path="articles/images/107c39ef_360086971374.png" />

After updating your Header Logo with your desired link:

* Click **Save** to keep your changes.

After the Save button has transitioned from blue to white:

* Click **Preview** to test your new Header Logo link.

***

## Changing the link with Kajabi Pages

<Note>
  **Note:** Changing the Header Logo link will also change the link in the [Page Footer](/articles/website/pages/customizing-your-footer) for your pages.
</Note>

First, copy the link you want your Header Logo to lead to.

Then, use the [Code Editor](how-to-access-the-code-editor#page-theme) to change your logo link for a page:

* Open the **Code Editor** for your desired page.
* Open the **Snippets** folder.
* Click open the `shared_block_logo.liquid` file.
* Locate `<a class="logo" href="/">` near or on line 14.

In this code snippet, replace the forward slash (/) with your full URL (e.g., [https://help.kajabi.com](https://help.kajabi.com)):

<img src="https://mintcdn.com/kajabi-support/m6ttm4IwHXcY_OW_/articles/images/75b19666_360086971374.png?fit=max&auto=format&n=m6ttm4IwHXcY_OW_&q=85&s=436dd1074dbbc1f6c7bff6f2b9777b8f" alt="88C230FD-CB72-4DC6-8759-7AF37C46925B.png" width="3766" height="834" data-path="articles/images/75b19666_360086971374.png" />

After updating your Header Logo with your desired link:

* Click **Save** to keep your changes.

After the Save button has transitioned from blue to white:

* Click **Preview** to test your new Header Logo link.

***

## Changing the link with Premier

First, copy the link you want your Header Logo to lead to.

Then, use the [Code Editor](/articles/website/pages/how-to-access-the-code-editor) to change your logo link for a page built with Premier:

* Open the **Code Editor** for your desired landing page built with Premier.
* Open the **Sections** folder.
* Click open the `header.liquid` file.
* Locate `<a href="/" kjb-settings-id="#########{{ kjb-H-LogoText }}">` near or on line 9.
* Similarly, locate `<a href="/" class="logo logo--image">` near or on line 14.

For both snippets of code, replace the forward slash (/) with your full URL (e.g., [https://kajabi.com](https://kajabi.com)):

<img src="https://mintcdn.com/kajabi-support/CAw_ZGr15nGGoiQk/articles/images/0cc58462_360088111533.png?fit=max&auto=format&n=CAw_ZGr15nGGoiQk&q=85&s=1ab4df6575dc9efaaf4aef52874eeb7d" alt="6E8BF1DC-CB3C-4874-BA82-7A616ABE8938.png" width="5076" height="1158" data-path="articles/images/0cc58462_360088111533.png" />

After updating your Header Logo with your desired link:

* Click **Save** to keep your changes.

After the Save button has transitioned from blue to white:

* Click **Preview** to test your new Header Logo link.
