> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# L'header del sito si sovrappone a Upcart

> Questo articolo spiega come risolvere un problema per cui il widget di Upcart resta nascosto dietro l'header del sito quando viene aperto.

<div id="why-this-happens">
  ### Perché succede
</div>

In alcuni temi Shopify, l'header ha uno **z-index** più alto di Upcart, facendo apparire il carrello sotto di esso. Questo può far sembrare Upcart parzialmente nascosto o inaccessibile quando i clienti aprono il carrello.

***

<div id="how-to-fix">
  ## Come risolvere
</div>

Segui i passaggi qui sotto per portare Upcart davanti all'header del tuo sito:

1. **Copia il codice** fornito in fondo a questo articolo.
2. Nel tuo pannello Shopify, apri il **Cart Editor** di Upcart, vai su **Settings** e seleziona la scheda **Custom HTML**. Settings è una riga di schede — se non vedi Custom HTML, si trova dietro **More settings**.
3. Clicca sul **menu a tendina HTML** e seleziona **Scripts (Before Load)**.
4. **Incolla il codice** nel campo.
5. Clicca su **Save changes**.
6. **Aggiorna il tuo negozio online** e testa il carrello.

Dopo aver completato questi passaggi, il carrello dovrebbe essere visualizzato correttamente sopra l'header del tuo sito.

***

<div id="code-required">
  ## Codice richiesto:
</div>

```
<script>  
	// Find UpCart  
	let upcart = document.querySelector("#upCart");  
  
	// Find the site's body  
	let body = document.body;  
	  
	// If we found both  
	if(upcart && body)  
			// Move upcart to the top of the body's children so it takes priority over site header  
	    body.firstChild.before(upcart)  
</script>
```