> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.spreadsimple.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Setting up global Header and Footer

Use a global header and footer to display your logo, tagline, and navigation on every page of your website.

To set them up, go to the `Design` Tab. 

### Setting up and customizing your global header:

To set up a global header, toggle on **Show header** in the `Display` Tab. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/global-header-and-footer-1_1tqumqc.png)

![This is how your header looks like by default](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/hf2_1j1dgok.png)

The header background color is matching your website theme (dark or light) and is solid by default. 

You can make it transparent by choosing this option in the **Header background color** drop-down. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/hf3_1ji6aj5.png)

![The header can be transparent](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/hf3-1_l8qvtx.png)

There are other options to customize your header by adding the header tagline and changing header button colors (for [navigation](https://help.spreadsimple.com/en/article/adding-pages-and-links-and-managing-navigation-1m8d12u/)).

![Add the header tagline](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-2_zmqb40.png)

![Customize the buttons color](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-3_1swhdej.png)

Also, you can upload your logo. The logo and the header tagline will be clickable and will redirect to the home page. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-4_1rsnt12.png)

And don't forget to save the changes after you've finished customizing! 

### Setting up header navigation menu:

After you add [Pages and Links](https://help.spreadsimple.com/en/article/adding-pages-and-links-and-managing-navigation-1m8d12u/), these menu items will automatically appear in your header. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-5_1jasutt.png)

There are three ways to display menu items in the header: as a **link** (*Our mission*), a **primary button** (*Blog*), and a **secondary button** (*Contacts*)

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-7_sf7arr.png)

You can choose the way each menu item looks in the **Menu item type** in the settings of each page/link:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-6_1rzwp75.png)

Also, you can enable **Compact menu** in the `Design` Tab: 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-8_1qcwosl.png)

Click the menu icon to see navigation items:

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-9_1rqq7n6.png)

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-10_133w4z0.png)

### Setting up your global footer:

To set up a global footer, toggle on **Show footer**.

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/header-and-footer-11_uc7zf1.png)

Add your text or/and links in the footer text area. [Markdown](https://commonmark.org/help/) is available. 

![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/hffooter_1lagpa.png)

After you've made all the edits, click **Save**. 

### Remove global header and footer:

To remove the global header and footer from your website, just toggle off the header and footer show in the `Design` tab and save the changes.