> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# So beheben Sie einen Banner, der hinter Theme-Elementen verschwindet (Neue Version)

### Überblick

Der Banner wird als Web Component `pandectes-cmp` dargestellt. Das CSS Ihres Themes greift darauf nicht so zu wie beim Legacy-Element `#pandectes-banner`.

Fixierte Header, Ankündigungsleisten, Chat-Schaltflächen und manche Apps verwenden einen sehr hohen **z-index**. Liegen sie über dem Banner, können Besucher Accept oder Decline nicht anklicken.

Beim neuen Banner erhöhen Sie die Stapelreihenfolge unter **Cookie banner > Style** (Surfaces beziehungsweise z-index). Der Höchstwert ist `2147483647`.

||| **Neuer Banner.** Gilt für Shops mit dem Hinweis **New version** unter **Cookie banner**. Beim Legacy-Banner siehe [So wechseln Sie zum neuen Banner oder zurück zur vorherigen Version](/en/article/how-to-switch-to-the-new-banner-or-switch-back-to-the-previous-version-x1xdn9/).

### Bevor Sie beginnen

* Prüfen Sie, ob der Banner aktiviert ist (oder für Administratoren aktiviert) und ob **Pandectes Core** im Theme eingeschaltet ist.
* Reproduzieren Sie das Problem in Ihrem Live-Shop, nicht nur in der Vorschau der App, denn die Umgebung der Vorschau unterscheidet sich vom Live-Theme.

### Den z-index unter Style erhöhen

1. Öffnen Sie **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Gehen Sie zu **Cookie banner > Style**.
3. Suchen Sie Surfaces beziehungsweise **z-index**.
4. Tragen Sie einen Wert ein, der über dem des überlappenden Elements liegt (häufig `999999` oder der Höchstwert `2147483647`).
5. Speichern Sie.
6. Laden Sie Ihren Shop mit einem harten Refresh neu und testen Sie Accept und Decline erneut.

![Die Surfaces-Einstellungen einschließlich der Stapeltiefe (z-index)](https://images.pandect.es/knowledge-base/how-to-fix-the-banner-hiding-behind-theme-elements-new-version-2.png =900xauto)

### Wenn Style nicht ausreicht

Ergänzen Sie eine Regel unter **Style > Custom styling** und beziehen Sie sie auf die Web Component. Siehe [Eigenes Styling mit CSS](/en/article/custom-styling-with-css-52oqz4/).

Beispiel:

```css
pandectes-cmp {
  z-index: 2147483647;
}
```

### Weitere Prüfungen

* Auf Mobilgeräten kann eine **Bar** am unteren Rand unter einer fixierten Warenkorb-Leiste liegen. Ändern Sie die mobile Position oder nutzen Sie eine mobile Abweichung. Siehe [So nutzen Sie unterschiedliche Banner-Layouts auf Mobil und Desktop (Neue Version)](/en/article/how-to-use-different-banner-layouts-on-mobile-and-desktop-new-version-c1vwrd/).
* Chat-Widgets verwenden oft einen hohen z-index. Verschieben Sie das **Consent Widget** in die gegenüberliegende Ecke. Siehe [So aktivieren und gestalten Sie das Consent Widget (Neue Version)](/en/article/how-to-enable-and-customize-the-consent-widget-new-version-nlm8ve/).
* Reagieren die Schaltflächen auf dem iPhone überhaupt nicht, fängt möglicherweise ein Theme-Skript die Berührungen ab. Siehe [Der Banner oder die Anwendung funktioniert nicht, was kann ich tun?](/en/article/the-banner-or-the-application-in-general-is-not-working-what-can-i-do-bxrs4y/).

### Verwandte Artikel

* [So passen Sie Stil, Farben, Logos und Schaltflächen des Banners an (Neue Version)](/en/article/how-to-customize-banner-style-colors-logos-and-buttons-new-version-b1mh64/)
* [Mein Banner erscheint nicht (Fehlerbehebung)](/en/article/my-banner-is-not-showing-up-troubleshooting-1kcv5ko/)