# 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2Fq1XriCN5RMi83jbeRTGx%2Fdocs-en-config-theme-components-offcanvas-basic-configuration.png?alt=media&#x26;token=7feba250-8765-4309-9b5b-25aa32319bb8" 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="https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2FCxPnrhPQ98vbwQ1iNIbs%2Fdocs-en-storefront-theme-components-offcanvas-basic-configuration.png?alt=media&#x26;token=2f537867-bfd4-4f7c-8395-16b70b37fee3" alt=""><figcaption><p>Offcanvas cart with margin</p></figcaption></figure>
