# Footer logo

Like the header logo, the footer logo can be configured in a number of different ways. If you have uploaded two logos to your site, on mobile devices they will always stack if you select a logo style that displays two logos.

### Configuring the footer logo

The same logos are used in the header and the footer. These instructions presume you have already added logos to the site and just need to configure the display.

1. Go to `/admin/appearance/settings/<site-name>` or "Appearance" in the menu, find your site and select "Settings".
2. Scroll down the page until you see the "Components" section, and select "Footer".
3. Select from the "Logo type" options:
   * Default
   * Stacked (requires two logos)
   * Inline
   * Inline stacked (requires two logos)

<div align="left"><figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-f6d92932638edad31ac187adec278167f69fa312%2Ffooter-logo-config.png?alt=media" alt="" width="375"><figcaption></figcaption></figure></div>

### Examples

This table shows the layout of the logos at a glance. In all cases, two logos have been uploaded to the site, but the Footer logo settings determine if both logos or only the Primary logo displays.

| **Logo type**                                                                                                          | **Final output (desktop)**                                                                                                                                                                                | **Final output (mobile)**                                                                                                                                                                                 |
| ---------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><strong>Default</strong><br>Uses the Primary logo only</p>                                                          | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-09c4bd32d41d8a00cd163853774ee359c4efb3f8%2F2642903128.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-09c4bd32d41d8a00cd163853774ee359c4efb3f8%2F2642903128.png?alt=media) |
| <p><strong>Stacked</strong><br>Uses both the Primary & Secondary logos</p>                                             | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ab2facb692255bef1d02ae7b2fb09c25b06c1fdd%2F2643329071.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ab2facb692255bef1d02ae7b2fb09c25b06c1fdd%2F2643329071.png?alt=media) |
| <p><strong>Inline</strong><br>Desktop uses both Primary & Secondary.<br>Mobile uses Primary only.</p>                  | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-b4d5f3e11c3c371e9b9631cc01f0f2c0ca177960%2F2642640970.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-09c4bd32d41d8a00cd163853774ee359c4efb3f8%2F2642903128.png?alt=media) |
| <p><strong>Inline stacked</strong><br>Desktop (inline) & mobile (stacked) both use both Primary & Secondary logos.</p> | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-b4d5f3e11c3c371e9b9631cc01f0f2c0ca177960%2F2642640970.png?alt=media) | ![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ab2facb692255bef1d02ae7b2fb09c25b06c1fdd%2F2643329071.png?alt=media) |

### Logo examples in the footer

#### Light theme 'Default' desktop

If you have uploaded two logos to your site and you select 'Default', only the Primary logo displays.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-a215db7ddcdbdce1e58a768cede01eb5be3143f7%2Ffooter-default-light-dsk.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Light theme 'Default' mobile

Social media links and partial footer menu shown here for context.

<div align="left"><figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-b725697f7af4ae7ac1dd4354677f0d31e395104c%2Ffooter-default-light-mobile.png?alt=media" alt="" width="314"><figcaption></figcaption></figure></div>

#### Light theme 'Stacked' desktop

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-fd056a205e0d3bddee924f4a60b5859c53af20b0%2Ffooter-stacked-light-dsk.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Light theme 'Stacked' mobile

<div align="left"><figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-79c7b79135029fb46bab103437a3903cd181d6c2%2Ffooter-stacked-light-mobile.png?alt=media" alt="" width="324"><figcaption></figcaption></figure></div>

#### Dark theme 'Inline' desktop

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-e786703fec6cb2be9bd562984022f93b9568e230%2Fdark-inline-dsk.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Dark theme 'Inline' mobile

If you have uploaded two logos to your site, and you select 'Inline', only the Primary logo will display.

<div align="left"><figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-703bf0d0e0e5fc3a3d8eace11ad62050f10a1745%2Fdark-inline-mobile.png?alt=media" alt="" width="260"><figcaption></figcaption></figure></div>

#### Dark theme 'Inline stacked' desktop

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-7df438c45fcf0bf98fdad2a1d178d845db746602%2Fdark-inline-stacked-dsk.png?alt=media" alt=""><figcaption></figcaption></figure>

#### Dark theme 'Inline stacked' mobile

If two logos have been added to your site, they will 'stack' when 'Inline' style is selected.

<div align="left"><figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-5b42d9976aec1585d7bca8f80820b4d45754a964%2Fdark-inline-stacked-mobile.png?alt=media" alt="" width="251"><figcaption></figcaption></figure></div>