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

# Establece el ancho del carrito móvil en cero hasta que Upcart lo active con CSS

> Aprende a establecer el ancho de tu carrito móvil en cero a menos que Upcart lo active usando CSS, para una experiencia de compra más limpia y fluida.

⚠️ **Aviso importante**

Esta personalización solo funciona con la Versión 1 de los módulos del carrito de Upcart. Si actualizaste recientemente tu carrito a la Versión 2, es posible que estas personalizaciones no funcionen. Deberás usar los nuevos selectores proporcionados para la Versión 2 en la [guía de migración.](/es/upcart/upcart_v20_migration_guide)

Si tus personalizaciones no funcionan como esperas, puedes revertir el carrito a la Versión 1 tú mismo: en el Cart Editor, usa el menú desplegable **Cart version** en la parte superior del menú izquierdo y elige **V1.0 (Legacy)**. El menú desplegable aparece una vez que todos los módulos del carrito están en V2.

Actualmente estamos trabajando en nuevas plantillas de personalización para la Versión 2 de los módulos, y estarán disponibles pronto.

<div id="introduction">
  # **Introducción**
</div>

Bienvenido a este tutorial de CSS, donde te mostraremos cómo establecer el ancho de tu carrito móvil en cero a menos que Upcart lo active. Es una forma práctica de mantener tu carrito oculto y agilizar la experiencia de compra en móviles hasta que tus clientes estén listos para verlo.

Esta guía está diseñada para propietarios de tiendas o desarrolladores con conocimientos básicos de CSS. Al usar esta personalización, puedes mantener tu carrito fuera de la vista y mejorar el diseño de la página, reduciendo distracciones y ayudando a tus clientes a concentrarse en comprar. Es un pequeño ajuste que puede marcar una gran diferencia en la experiencia móvil de tu tienda.

¡Comencemos y hagamos que tu carrito móvil trabaje de forma más inteligente, no más difícil!

<div id="accessing-custom-css-settings">
  ## **Acceso a los ajustes de CSS personalizado**
</div>

Para comenzar a personalizar el CSS de tu Upcart, sigue estos pasos:

1. Abre la **Upcart App** dentro de tu panel.
2. Ve al **Cart Editor**.
3. Abre **Settings** y selecciona la pestaña **Custom CSS** (detrás de **More settings** si la fila de pestañas se desborda).
4. A continuación, copia y pega el código en el área de entrada de CSS
5. Cuando termines, "haz clic en Save" y actualiza la página de tu tienda para ver los resultados en vivo.

<div id="here-is-the-css-code-to-copy-and-paste-into-the-css-section">
  ## Aquí está el código CSS para copiar y pegar en la sección de CSS:
</div>

```
@media (max-width: 440px) {  
    .upcartPopupShow [class*="styles_CartPreview__right__"] {  
        width: 100%;  
        max-width: 440px;  
    }  
  
    [class*="styles_CartPreview__right__"] {  
        width: 0px;  
	max-width: 440px;  
    }  
}
```

<div id="conclusion">
  # **Conclusión**
</div>

¡Y eso es todo! Ya aprendiste cómo cambiar el ancho de tu carrito móvil a cero hasta que Upcart lo active, creando una experiencia de compra más limpia y enfocada.

<div id="support-for-customizations">
  ## 🚧 Soporte para personalizaciones
</div>

El equipo de soporte de Upcart no puede ayudar con la implementación de soluciones personalizadas de CSS o HTML en tu carrito.

Si necesitas ayuda para diseñar o dar estilo a algo personalizado, te recomendamos consultar a un Shopify Expert:

[Ver Shopify Experts](https://www.shopify.com/partners/directory)