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

# Cabeçalho do site sobrepõe o Upcart

> Este artigo explica como corrigir um problema em que o widget do Upcart fica escondido atrás do cabeçalho do seu site quando aberto.

<div id="why-this-happens">
  ### Por que isso acontece
</div>

Em alguns temas do Shopify, o cabeçalho tem um **z-index** maior que o do Upcart, fazendo com que o carrinho apareça por baixo dele. Isso pode fazer o Upcart parecer parcialmente escondido ou inacessível quando os clientes abrem o carrinho.

***

<div id="how-to-fix">
  ## Como corrigir
</div>

Siga as etapas abaixo para trazer o Upcart para a frente do cabeçalho do seu site:

1. **Copie o código** fornecido na parte inferior deste artigo.
2. No seu admin do Shopify, abra o **Cart Editor** do Upcart, vá em **Settings** e selecione a aba **Custom HTML**. Settings é uma fileira de abas — se você não vir Custom HTML, ela está dentro de **More settings**.
3. Clique no **menu suspenso HTML** e selecione **Scripts (Before Load)**.
4. **Cole o código** no campo.
5. Clique em **Save changes**.
6. **Atualize sua loja** e teste seu carrinho.

Depois de concluir essas etapas, o carrinho deve ser exibido corretamente acima do cabeçalho do seu site.

***

<div id="code-required">
  ## Código necessário:
</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>
```