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

# Siteheader overlapt Upcart

> Dit artikel legt uit hoe je het probleem oplost waarbij de Upcart-widget bij het openen verborgen zit achter de header van je site.

<div id="why-this-happens">
  ### Waarom dit gebeurt
</div>

In sommige Shopify-thema's heeft de header een hogere **z-index** dan Upcart, waardoor de winkelwagen eronder verschijnt. Hierdoor kan Upcart er gedeeltelijk verborgen of ontoegankelijk uitzien wanneer klanten de winkelwagen openen.

***

<div id="how-to-fix">
  ## Hoe je dit oplost
</div>

Volg de onderstaande stappen om Upcart vóór de header van je site te plaatsen:

1. **Kopieer de code** onderaan dit artikel.
2. Open in je Shopify-admin de Upcart **Cart Editor**, ga naar **Settings** en selecteer het tabblad **Custom HTML**. Settings is een rij tabbladen — als je Custom HTML niet ziet, staat het achter **More settings**.
3. Klik op het **HTML-dropdownmenu** en selecteer **Scripts (Before Load)**.
4. **Plak de code** in het veld.
5. Klik op **Save changes**.
6. **Vernieuw je webshop** en test je winkelwagen.

Na het voltooien van deze stappen zou de winkelwagen correct boven de header van je site moeten worden weergegeven.

***

<div id="code-required">
  ## Vereiste code:
</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>
```