> For the complete documentation index, see [llms.txt](https://fresh-hub-docs.boostheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fresh-hub-docs.boostheme.com/edit-header-and-footer.md).

# Setup header & footer

## 1. Open global content editor

{% hint style="warning" %}
To edit your theme settings, you'll first need to [create a page with a theme template](/create-a-page.md). This guide assumes you had at least a page or blog post.
{% endhint %}

* In your HubSpot account, [navigate to your blog, landing pages, or website pages](https://knowledge.hubspot.com/account/a-guide-to-hubspots-new-navigation).
* In the content dashboard, hover over the page or blog post that contains your global content, then click **Edit**.
* Within the page editor, **header** and **footer** on your template are labeled with a global content icon ( before the pencil icon ). This global content icon will appear directly on the module group in the editor, or in the module listing in the **Content** tab on the left panel.
* Click the **global content** then click **Open in global content editor**. This will open a new content editor specifically for your global content.

![](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-Maxb9pnV9NUA65dYc93%2F-MaxcRUuSabjJN6wqkPh%2Fopen-global-editor.jpg?alt=media\&token=295928cf-c1ec-4e8f-b053-4470850fcc0c)

{% hint style="info" %}
You can click the top global content to [setup header](/edit-header-and-footer.md#2-setup-header), or scroll to the bottom and click the bottom global content to [setup footer](/edit-header-and-footer.md#3-setup-footer).
{% endhint %}

![Setup Header](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-MawINBoUaa9g_qrEfN3%2F-MawKFFesjA6LjouXT3d%2Fedit-header.jpg?alt=media\&token=b0afed89-5496-4222-b8e7-8aedac8253cd)

![Setup Footer](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-MawINBoUaa9g_qrEfN3%2F-MawKJ7TlrP1H4cBQVY1%2Fedit-footer.jpg?alt=media\&token=473a504c-7906-4925-ae50-7dbfb204e200)

* In the left panel, click a [**module**](https://knowledge.hubspot.com/cos-general/use-default-modules-in-your-template#types-of-default-modules) to edit its contents in the left sidebar editor. The click **Back** in the upper left to navigate back to your global content's module list.
* In the upper right, click the **View all** to see a list other assets using this global content in the template. Select another asset to preview how the changes you've made to your global content will impact that page or blog post.
* When you're done editing your global content, click **Publish to \[X] assets** in the upper right. These changes will be applied to all pages and blog posts using a template that includes this global content.

## 2. Setup header

### A. Change the logo

In the left panel of the global content editor page, click the **Content** tab, then click the **Logo** module in the left panel.

![](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-Maxb9pnV9NUA65dYc93%2F-Maxi4sViPrhuNR51zdu%2Fedit-logo.jpg?alt=media\&token=f7c67cd4-492a-4c0a-be8e-2e99e78c7745)

From there you can upload your logo to override the default logo or change the URL of the logo. You can also click **Edit default logo in this domain** to change the default logo.

![](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-Maxigg6uYZ7LFzuVfHD%2F-MaxizopS7TfRPQ2BNAj%2Fedit-logo-content.jpg?alt=media\&token=c1630256-a6f9-4a35-addb-8df2c63d0a3f)

### B. Edit the navigation

In the left panel of the global content editor page, click the **Content** tab, then click the **Primary navigation** module in the left panel.

![](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-Maxigg6uYZ7LFzuVfHD%2F-Maxiw_cQ5t6yvF178gp%2Fedit-navigation.jpg?alt=media\&token=41116d40-c649-4cd7-a868-7a878f611d9b)

From there, pick a menu to display as the main navigation on your site. You can refer to [this guide](https://knowledge.hubspot.com/website-pages/set-up-your-site-s-navigation-menus) for creating, editing the menu in HubSpot.

## 3. Setup footer

On the global content editor page, click the **Content** tab in the left panel. You will see a list of modules. Each module corresponds to a column in the footer. Just click the module you want to edit change its content.

![](https://52894676-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Maqm7iZ7p5iuGPMuGZM%2F-Maxjx94QWIdrxEmVEbC%2F-Maxnh_tZO9_A_v0t5Rl%2Fedit-footer.jpeg?alt=media\&token=63ed28b9-df0f-4e8e-b6f6-d8d64e8cb99d)