Hoy en día, la mayoría de las visitas a un sitio web provienen desde celulares. Elementor te permite ajustar cada parte de tu diseño para que se vea bien en computador, tablet y móvil, sin necesidad de plugins externos.
¿Cómo entrar al modo responsive?
Dentro del editor de Elementor:
-
Haz clic en el ícono de dispositivo en la parte superior (centro de la barra).
-
Selecciona la vista: Escritorio, Tablet o Móvil.
-
Ahora puedes ver cómo se verá tu sitio en cada tipo de dispositivo y hacer ajustes específicos.
¿Qué cosas se pueden ajustar solo para móvil o tablet?
-
Tamaños de texto: puedes usar una fuente más pequeña para celular.
-
Espaciado (padding y márgenes): puedes reducir espacios para evitar que se vea todo “apretado”.
-
Alineación de elementos: puedes centrar, alinear a la izquierda o derecha según el dispositivo.
-
Orden de columnas: puedes reorganizar el orden visual para que tenga más sentido en pantallas chicas.
Ocultar elementos en ciertos dispositivos
Puedes ocultar cualquier sección, columna o widget en móvil, tablet o escritorio:
-
Selecciona el elemento.
-
Ve a la pestaña Avanzado > Responsive.
-
Activa las opciones “Ocultar en…” según corresponda.
Esto es útil, por ejemplo, para mostrar una imagen diferente solo en móvil o evitar elementos pesados que no se necesitan en celular.
Consejo final
Después de diseñar, siempre revisa tu sitio en los tres formatos antes de publicarlo. El modo responsive de Elementor te permite ajustar todo sin afectar la versión de escritorio.
