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

# Sidens header overlapper Upcart

> Denne artikel forklarer, hvordan du løser et problem, hvor Upcart-widgetten er skjult bag din sides header, når den åbnes.

<div id="why-this-happens">
  ### Hvorfor dette sker
</div>

I nogle Shopify-temaer har headeren et højere **z-index** end Upcart, hvilket får kurven til at blive vist under den. Det kan få Upcart til at se delvist skjult eller utilgængelig ud, når kunder åbner kurven.

***

<div id="how-to-fix">
  ## Sådan løser du det
</div>

Følg trinnene nedenfor for at bringe Upcart foran din sides header:

1. **Kopiér koden**, der findes nederst i denne artikel.
2. I din Shopify-admin skal du åbne Upcarts **Cart Editor**, gå til **Settings** og vælge fanen **Custom HTML**. Settings er en række faner — hvis du ikke ser Custom HTML, ligger den bag **More settings**.
3. Klik på **HTML-dropdownen**, og vælg **Scripts (Before Load)**.
4. **Indsæt koden** i feltet.
5. Klik på **Save changes**.
6. **Opdatér din webshop**, og test din kurv.

Efter at have gennemført disse trin bør kurven vises korrekt over din sides header.

***

<div id="code-required">
  ## Nødvendig kode:
</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>
```