> ## 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).

# Comment corriger la bannière masquée par des éléments du thème (New Version)

### Vue d'ensemble

La bannière s'affiche sous la forme du composant web `pandectes-cmp`. Le CSS du thème ne le stylise pas de la même manière que l'élément `#pandectes-banner` de la bannière Legacy.

Les en-têtes fixes, les barres d'annonce, les boutons de chat et certaines applications utilisent un **z-index** très élevé. S'ils se trouvent au-dessus de la bannière, les visiteurs ne peuvent pas cliquer sur Accept ou Decline.

Sur la New Banner, augmentez l'ordre d'empilement sous **Settings > Banner > Style** (surfaces / z-index). La valeur maximale est `2147483647`.

||| **New Banner.** Pour les boutiques qui affichent le badge **New version** sur **Settings > Banner**. Sur la bannière Legacy, consultez [Comment passer à la nouvelle bannière ou revenir à la version précédente](/fr/article/comment-passer-a-la-nouvelle-banniere-ou-revenir-a-la-version-precedente-12cd6wh/).

### Avant de commencer

* Vérifiez que la bannière est activée (ou activée pour les administrateurs) et que **Pandectes Core** est activé dans le thème.
* Reproduisez le problème sur la boutique en ligne, et pas seulement dans l'aperçu de l'application, car l'interface de l'aperçu est différente du thème en production.

### Augmenter le z-index dans Style

1. Ouvrez **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Allez dans **Settings > Banner > Style**.
3. Trouvez surfaces / **z-index**.
4. Saisissez une valeur supérieure à celle de l'élément qui chevauche la bannière (souvent `999999` ou le maximum `2147483647`).
5. Enregistrez.
6. Actualisez la boutique en ligne (actualisation forcée) et essayez à nouveau Accept / Decline.

![Contrôles des surfaces, dont la profondeur d'empilement (z-index)](https://images.pandect.es/knowledge-base/how-to-fix-the-banner-hiding-behind-theme-elements-new-version-2.png =900xauto)

### Si Style ne suffit pas

Ajoutez une règle sous **Style > Custom styling**. Limitez-la au composant web. Consultez [Personnalisation avec CSS](/fr/article/personnalisation-avec-du-css-1yap2gc/).

Exemple :

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

### Autres vérifications

* Sur mobile, une **Bar** en bas peut se retrouver sous une barre d'ajout au panier fixe. Changez la position sur mobile ou utilisez un remplacement pour mobile. Consultez [Comment utiliser des dispositions de bannière différentes sur mobile et sur ordinateur (New Version)](/fr/article/mises-en-page-differentes-sur-mobile-et-ordinateur-nouvelle-version-hb7pxa/).
* Les widgets de chat utilisent souvent un z-index élevé. Déplacez le **consent widget** dans le coin opposé. Consultez [Comment activer et personnaliser le widget de consentement (New Version)](/fr/article/comment-activer-et-personnaliser-le-widget-de-consentement-nouvelle-version-ysgx6y/).
* Si les boutons ne répondent pas du tout sur iPhone, un script du thème capture peut-être les appuis. Consultez [La bannière ou l'application en général ne fonctionne pas, que puis-je faire ?](/fr/article/la-banniere-ou-l-application-ne-fonctionne-pas-que-faire-619aok/).

### Articles associés

* [Comment personnaliser le style, les couleurs, les logos et les boutons de la bannière (New Version)](/fr/article/comment-personnaliser-le-style-les-couleurs-les-logos-et-les-boutons-de-la-banniere-nouvelle-version-wahzcw/)
* [Ma bannière ne s'affiche pas : dépannage](/fr/article/ma-banniere-ne-s-affiche-pas-depannage-1a4410y/)