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

# El encabezado del sitio se superpone a Upcart

> Este artículo explica cómo solucionar un problema en el que el widget de Upcart queda oculto detrás del encabezado de tu sitio al abrirse.

<div id="why-this-happens">
  ### Por qué sucede esto
</div>

En algunos temas de Shopify, el encabezado tiene un **z-index** más alto que Upcart, lo que hace que el carrito aparezca debajo de él. Esto puede hacer que Upcart se vea parcialmente oculto o inaccesible cuando los clientes abren el carrito.

***

<div id="how-to-fix">
  ## Cómo solucionarlo
</div>

Sigue los pasos a continuación para traer Upcart al frente del encabezado de tu sitio:

1. **Copia el código** que se proporciona al final de este artículo.
2. En tu panel de administración de Shopify, abre el **Cart Editor** de Upcart, ve a **Settings** y selecciona la pestaña **Custom HTML**. Settings es una fila de pestañas — si no ves Custom HTML, está detrás de **More settings**.
3. Haz clic en el **menú desplegable de HTML** y selecciona **Scripts (Before Load)**.
4. **Pega el código** en el campo.
5. Haz clic en **Save changes**.
6. **Actualiza tu tienda** y prueba tu carrito.

Después de completar estos pasos, el carrito debería mostrarse correctamente por encima del encabezado de tu sitio.

***

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