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

# Come risolvere il banner nascosto dietro gli elementi del tema (nuova versione)

### Panoramica

Il banner viene renderizzato come web component `pandectes-cmp`. Il CSS del tema non lo stila come l'elemento `#pandectes-banner` del banner Legacy.

Header fissi, barre di annuncio, pulsanti di chat e alcune app usano uno **z-index** molto alto. Se si trovano sopra il banner, i visitatori non possono cliccare su Accept o Decline.

Nel nuovo banner, aumenta l'ordine di sovrapposizione in **Cookie banner > Style** (surfaces / z-index). Il valore massimo è `2147483647`.

||| **Nuovo banner.** Per i negozi che mostrano il badge **New version** in **Cookie banner**. Se usi il banner Legacy, vedi [How to switch to the new banner or switch back to the previous version](/it/article/come-passare-al-nuovo-banner-o-tornare-alla-versione-precedente-1jz12qe/).

### Prima di iniziare

* Verifica che il banner sia attivo (o attivo per gli admin) e che **Pandectes Core** sia attivo nel tema.
* Riproduci il problema sullo storefront, non solo nell'anteprima dell'app, perché l'interfaccia dell'anteprima è diversa dal tema live.

### Aumenta lo z-index in Style

1. Apri **Shopify Admin > Apps > Pandectes GDPR Compliance**.
2. Vai su **Cookie banner > Style**.
3. Trova surfaces / **z-index**.
4. Inserisci un valore più alto di quello dell'elemento che si sovrappone (spesso `999999` oppure il massimo `2147483647`).
5. Clicca su **Save**.
6. Aggiorna lo storefront (aggiornamento forzato) e prova di nuovo Accept / Decline.

![Controlli di Surfaces, inclusa la profondità di sovrapposizione (z-index)](https://images.pandect.es/knowledge-base/how-to-fix-the-banner-hiding-behind-theme-elements-new-version-2.png =900xauto)

### Se Style non basta

Aggiungi una regola in **Style > Custom styling**. Limitala al web component. Vedi [Custom styling with CSS](/it/article/stile-personalizzato-con-css-bk8138/).

Esempio:

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

### Altri controlli

* Su mobile, una **Bar** in basso può finire sotto una barra fissa di aggiunta al carrello. Cambia la posizione su mobile o usa un override per mobile. Vedi [How to use different banner layouts on mobile and desktop (New Version)](/it/article/come-usare-layout-del-banner-diversi-su-mobile-e-desktop-nuova-versione-a7i45h/).
* I widget di chat usano spesso uno z-index alto. Sposta il **consent widget** nell'angolo opposto. Vedi [How to enable and customize the Consent widget (New Version)](/it/article/come-attivare-e-personalizzare-il-consent-widget-nuova-versione-1kp2z5j/).
* Se i pulsanti non rispondono affatto su iPhone, uno script del tema potrebbe intercettare i tocchi. Vedi [The banner or the application, in general, is not working, what can I do?](/it/article/il-banner-o-lapplicazione-in-generale-non-funziona-cosa-posso-fare-1e7exzb/).

### Articoli correlati

* [How to customize banner style, colors, logos, and buttons (New Version)](/it/article/come-personalizzare-stile-colori-loghi-e-pulsanti-del-banner-nuova-versione-11j5cp2/)
* [My banner is not showing up: Troubleshooting](/it/article/il-mio-banner-non-viene-visualizzato-risoluzione-dei-problemi-xu6m4a/)