---
title: "Footer: edit the bottom of your site"
description: "Edit the footer shared across your whole site; a single edit updates the bottom of every page at once."
url: https://docs.vivlab.com/en/editor/menu/footer
---

# Footer

The **Footer** panel appears as soon as you click on the footer at the bottom of the [canvas](https://docs.vivlab.com/en/editor/canvas.md). The footer is shared across every page of the site: editing it here updates the entire site in one go.

## Footer templates

The **Select a template** button opens a library of ready-to-use templates (legal notices, sitemap, social icons, contact form…). Hover over a template to **Add** it as is, or click **Adapt content** to have the AI rework it with your site's content. The current footer is then overwritten by the template.

A confirmation is asked before the replacement.

## Automatic mobile layout

The **Automatic mobile layout** subsection generates the mobile layout of the footer's elements from their desktop organization, via the **Reorder elements** button. Only the mobile view is modified.

<DocsScreenshot name="editor-mobile-organization" alt="The mobile layout setting shared by sections and the footer." caption="The mobile layout setting shared by sections and the footer." :width="341" :height="185" />

## Footer style

The [style panel](https://docs.vivlab.com/en/editor/style/index.md) gathers the [background](https://docs.vivlab.com/en/editor/style/background.md), [inner spacing](https://docs.vivlab.com/en/editor/style/padding.md) and [border](https://docs.vivlab.com/en/editor/style/border.md) of the footer.

## Add an element to the footer

To insert a new element (text, navigation, social icons, logo, form…), keep the footer selected then click **Element** in the [top bar](https://docs.vivlab.com/en/editor/toolbar.md).