💻 Vista Escritorio vs Móvil en el Editor
El editor de Sitios Web y Embudos de CRMHUB te permite personalizar por separado el estilo de tus elementos para Vista Escritorio y Vista Móvil, logrando un diseño responsivo consistente y profesional en cualquier tamaño de pantalla.
📋 Contenido de este Tutorial
🔄 Cómo Cambiar de Vista
🎨 Elementos Personalizables por Dispositivo
🖼️ Configuración Avanzada de Imágenes
📝 Comportamiento Importante
🔄 Cómo Cambiar de Vista
Selecciona un elemento de texto (encabezado, subtítulo, párrafo, etc.) dentro del editor.
Ajusta el tamaño de fuente y demás propiedades para la Vista Escritorio primero.
Haz clic en el ícono de escritorio para cambiar a la Vista Móvil.
Ajusta el tamaño de fuente específicamente para dispositivos móviles.
Vuelve a la Vista Escritorio en cualquier momento para seguir editando esa versión.
🎨 Elementos Personalizables por Dispositivo
La edición responsiva independiente aplica a:
Elementos de texto (encabezados, subtítulos, párrafos, listas)
Secciones de Preguntas Frecuentes (título y contenido)
Botones (texto principal y subtexto)
Elementos de imagen con texto (encabezado y texto)
Íconos de redes sociales (familia, tamaño, peso y color de fuente)
🖼️ Configuración Avanzada de Imágenes
Además del texto, puedes configurar ajustes avanzados de imagen específicos para escritorio y para móvil, permitiendo por ejemplo mostrar un recorte o versión distinta de una imagen según el dispositivo.
📝 Comportamiento Importante
Los cambios hechos en Vista Móvil afectan solo la visualización móvil, y viceversa para Vista Escritorio.
Esto resuelve el reto de lograr consistencia visual en distintos tamaños de pantalla sin necesidad de crear páginas separadas.
Revisa siempre la vista previa en ambos modos antes de publicar cambios importantes.