> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Diseños adaptables a celulares en embudos y sitios web

> Ajusta el tamaño de los textos por separado para computadora y celular para que tus páginas se vean bien en cualquier pantalla.

La mayoría de tus visitantes llegará desde el celular, así que tus embudos y sitios web tienen que verse bien en pantallas pequeñas. El editor de Chateea te permite ajustar el texto de forma independiente para computadora y para celular: puedes usar un título grande en escritorio y uno más compacto en móvil sin que uno afecte al otro.

## Cómo funciona la vista móvil

En la barra superior del editor hay un ícono de **computadora**. Al hacer clic y cambiarlo a **celular**, se abre el editor en vista móvil. Los cambios de tamaño de fuente que hagas en esa vista **solo afectan a la versión móvil**.

| Dónde haces el cambio | A qué afecta |
| - | - |
| Vista de computadora, antes de tocar la vista móvil | A computadora y también a celular. |
| Vista móvil | Solo a celular. |
| Vista de computadora, después de ajustar la vista móvil | Solo a computadora. |

## Cómo ajustar el tamaño de fuente por dispositivo

**1. Selecciona el elemento**

En el editor, haz clic en el elemento de texto que quieres ajustar, por ejemplo un título.

**2. Ajusta el tamaño para computadora**

En la configuración del elemento, busca el tamaño de fuente y ajústalo. Este valor se aplica también a celular mientras no definas uno propio para móvil.

**3. Cambia a la vista móvil**

Haz clic en el ícono de computadora de la barra superior y cambia a la vista de celular.

**4. Ajusta el tamaño para celular**

Cambia el tamaño de fuente del mismo elemento. Este cambio no afecta a la versión de computadora.

**5. Revisa ambas vistas**

Vuelve a la vista de computadora cuando quieras ajustar solo esa versión. Previsualiza en los dos dispositivos, guarda y publica.

## Elementos con ajuste por dispositivo

| Elemento | Qué puedes ajustar por separado |
| - | - |
| Textos (título, subtítulo, párrafo, viñetas) | Tamaño de fuente |
| Preguntas frecuentes (FAQ) | Tamaño de fuente del título y del contenido |
| Botón | Tamaño del texto principal y del texto secundario |
| Imagen con texto (Image Feature) | Tamaño del titular y del texto |
| Formulario de pedido | Tamaño de los textos |
| Íconos sociales | Fuente, tamaño, grosor y color del texto |

## Buenas prácticas para celular

* Reduce los títulos largos en móvil para que no ocupen toda la pantalla.
* Mantén el texto de párrafos en un tamaño cómodo de leer (alrededor de 16 px).
* Revisa que los botones sean lo bastante grandes para tocarlos con el dedo.
* Previsualiza siempre en vista móvil antes de publicar.

## Artículos relacionados

> **[Grosor de fuente](https://help.chateea.com/docs/sitios/grosor-de-fuente.md)**
>
> Elige el grosor del texto por dispositivo.

> **[Tamaño de imágenes en móvil y escritorio](https://help.chateea.com/docs/sitios/tamano-de-imagenes-movil-y-escritorio.md)**
>
> Ajusta las imágenes para cada pantalla.

> **[Mostrar y ocultar elementos con un botón](https://help.chateea.com/docs/sitios/mostrar-y-ocultar-elementos-con-boton.md)**
>
> Controla la visibilidad de elementos.

> **[Íconos de redes sociales](https://help.chateea.com/docs/sitios/elemento-iconos-de-redes-sociales.md)**
>
> Agrega tus redes a tus páginas.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.