> For the complete documentation index, see [llms.txt](https://guide.tisagroup.ch/stride/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.tisagroup.ch/stride/website-configurator/header-and-footer.md).

# Header and Footer

## Introduction

This module allows for configuring Header and Footer structructure.

## Navigation

To configure header and footer open the sidebar, expand Page template section, click on the Global Page elements and enter the Header and Footer Section.

<figure><img src="https://2228521341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhDGRCCRv2uDxb2GzqXRg%2Fuploads%2FGPW0devNvOTDHPVFqZsa%2Fchrome-capture-2025-3-31%20(1).gif?alt=media&amp;token=ed8a44c1-bcb7-4f09-ac52-76f8c9eba7ff" alt=""><figcaption></figcaption></figure>

### Header

In the header component select which pages you want to display. To select a page click on the dropdown field and select a page.&#x20;

<figure><img src="https://2228521341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhDGRCCRv2uDxb2GzqXRg%2Fuploads%2F8PkTdV6A3OvISDDYOX9W%2F2025-03-31_13-49-02.gif?alt=media&amp;token=46d045ec-60a3-40a3-8f3b-2edd58020997" alt=""><figcaption></figcaption></figure>

To change the page order drag and drop the page in the desired position.&#x20;

To remove the page lick on cross button. To add a new page click on add new link button.

### Footer<br>

In the footer component you will find three sections. In the main link section select which pages you want to display. To select a page click on the dropdown field and select a page.&#x20;

To change the page order drag and drop the page in the desired position. To remove the page lick on cross button. To add a new page click on add new link button.

<br>

<figure><img src="https://2228521341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhDGRCCRv2uDxb2GzqXRg%2Fuploads%2FTYHgx5gBiuj7S6HxJXwA%2F2025-03-31_13-51-30.gif?alt=media&amp;token=2c5df044-244e-4ced-af73-8453276f723e" alt=""><figcaption></figcaption></figure>

In the social media section provide url addresses for the social profiles for your organization.

<br>

<figure><img src="https://2228521341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhDGRCCRv2uDxb2GzqXRg%2Fuploads%2FpYfIwdntTXJ8qGjIFUhJ%2Fimage.png?alt=media&amp;token=bfb82c42-a9a3-4f9e-8aca-e2d75fc88cb8" alt=""><figcaption></figcaption></figure>

In the mobile app links provide url addresses where users can download your application.

<br>

<figure><img src="https://2228521341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhDGRCCRv2uDxb2GzqXRg%2Fuploads%2FcfBpGgmnxTJVvH9kLN7N%2Fimage.png?alt=media&amp;token=2ec3a1c5-0fe8-4932-9fed-cce1e9cb2ba1" alt=""><figcaption></figcaption></figure>

Once the changes are made press the save button. To exit Header and footer settings press the cross button.

<figure><img src="https://2228521341-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhDGRCCRv2uDxb2GzqXRg%2Fuploads%2F60fZFHmrDwBq48VcceuX%2Fimage.png?alt=media&amp;token=42ed36b1-9d17-4e41-a7e3-74ad7c2b78c9" alt=""><figcaption></figcaption></figure>

<br>
