> For the complete documentation index, see [llms.txt](https://docs.civictheme.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.civictheme.io/content-authoring/site-wide-configuration/footer/footer-logo.md).

# 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="/files/svRuab9XW9RjSfXc4iq3" 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>                                                          | ![](/files/CsenXOxQG0LkNXio7irU) | ![](/files/CsenXOxQG0LkNXio7irU) |
| <p><strong>Stacked</strong><br>Uses both the Primary & Secondary logos</p>                                             | ![](/files/p0Wer3O1Z7RByFfUjoFU) | ![](/files/p0Wer3O1Z7RByFfUjoFU) |
| <p><strong>Inline</strong><br>Desktop uses both Primary & Secondary.<br>Mobile uses Primary only.</p>                  | ![](/files/LxG57jNqTbtSyc4yzbBG) | ![](/files/CsenXOxQG0LkNXio7irU) |
| <p><strong>Inline stacked</strong><br>Desktop (inline) & mobile (stacked) both use both Primary & Secondary logos.</p> | ![](/files/LxG57jNqTbtSyc4yzbBG) | ![](/files/p0Wer3O1Z7RByFfUjoFU) |

### 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="/files/RIXB8eyVYhSEbL4FXphS" 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="/files/LDGSaZhahD0Vx4dh7miq" alt="" width="314"><figcaption></figcaption></figure></div>

#### Light theme 'Stacked' desktop

<figure><img src="/files/EhlZKl8gV6GjiNVHB0YH" alt=""><figcaption></figcaption></figure>

#### Light theme 'Stacked' mobile

<div align="left"><figure><img src="/files/ZdvqMer7sprYMtF6aKwn" alt="" width="324"><figcaption></figcaption></figure></div>

#### Dark theme 'Inline' desktop

<figure><img src="/files/naSy1RJMH13hlKLN1nCW" 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="/files/wF6R3vNolkwVa1XyqKKr" alt="" width="260"><figcaption></figcaption></figure></div>

#### Dark theme 'Inline stacked' desktop

<figure><img src="/files/rZAwye5kvPKRGszcvhGP" 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="/files/uGs3e9mChKA3LnxtLV7R" alt="" width="251"><figcaption></figcaption></figure></div>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.civictheme.io/content-authoring/site-wide-configuration/footer/footer-logo.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.