> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/styling/components/offcanvas.md).

# Offcanvas

An offcanvas element is a widget in the shop in which additional content or menus are placed outside the visible screen and made visible when necessary. In Shopware, the mobile menu and the off-canvas shopping cart are such elements.

<figure><img src="/files/4BhWE0uGpOqtPBNR4Otr" alt=""><figcaption></figcaption></figure>

For a special look, an **Margin (1)** can be defined around this off-canvas element, which sets the off-canvas element apart from the browser edges on larger devices. In addition, a **Width (2)** can be defined. The maximum width of the element is limited by the width of the device.

**Example:**

<figure><img src="/files/1DCPfdWSzV9jGLli9UwY" alt=""><figcaption><p>Offcanvas cart with margin</p></figcaption></figure>