Cómo ajustar la configuración de Elementor para dispositivos móviles










  • En su mayor parte, el creador de páginas de Elementor es totalmente receptivo y está listo para dispositivos móviles. Sin embargo, muchas funciones editables tienen configuraciones para dispositivos móviles, tabletas y computadoras de escritorio. Los usos más comunes de estas configuraciones incluyen el tamaño del texto, el margen y el relleno de elementos, etc.

    Si desea, y en algunos casos necesita, ajustar algunas configuraciones de Elementor para dispositivos móviles, el proceso para ver y acceder a esas configuraciones es fácil de acceder. Este proceso también funciona muy bien cuando se crea una página de destino.

    Ajustar la configuración de Elementor para dispositivos móviles

    Elementor le permite ajustar la configuración de dispositivos móviles y tabletas dentro del creador de páginas. También puede ver cómo se actualizan estos ajustes en tiempo real. Use los pasos a continuación para las diversas configuraciones de ajuste móvil.

    Paso 1: haga clic en el icono de la ventana gráfica

    Para ajustar esta configuración, busque el icono de la ventana gráfica junto al elemento individual que desea controlar. Verá este icono en la parte inferior derecha del editor. Está allí sin importar qué elemento esté editando actualmente.

    Haga clic en él y luego elija el icono del dispositivo para el que desea ajustar la configuración.

    Haga clic en el icono del dispositivo de punto de vista

    Una vez que elija la configuración del dispositivo que desea editar, siéntase libre de hacer cualquier ajuste a su configuración actual y verá cómo cambia a medida que avanza.

    Paso 2: controlar las imágenes de fondo de forma independiente

    Incluso puede controlar las imágenes de fondo de forma independiente en la opción de configuración de cada dispositivo.

    Las imágenes de fondo en Elementor responden automáticamente al dispositivo, pero también tienes control sobre más opciones para cada dispositivo.

    Recuerde, también puede mantener esta configuración en su lugar para todas las páginas si usa la opción de páginas duplicadas en Elementor.

    Control de imágenes de fondo y bordes adaptables

    Imagen de fondo: puede elegir una imagen de fondo diferente para cada dispositivo si es necesario, ya sea una versión de tamaño apropiado de la misma imagen o una imagen completamente diferente.

    Opciones de visualización de imagen de fondo: puede seleccionar una posición de imagen, archivo adjunto, repetición y tamaño diferentes para cada dispositivo. De esta forma, tiene más control sobre qué área de la imagen se muestra en diferentes tamaños de dispositivos.

    Paso 3: Mostrar u ocultar una sección usando la visibilidad

    Puede elegir mostrar u ocultar una sección según el dispositivo. Para ello accede a la pestaña “Avanzado” en el apartado de configuración del área.

    Haga clic en la pestaña avanzada en la sección de configuración

    En la sección «Responsivo» configure las preferencias de Visibilidad como las prefiera.

    Establezca las opciones de visibilidad como las desee

    Paso 4: cambie los puntos de interrupción de dispositivos móviles y tabletas

    También desea volver a verificar sus puntos de interrupción tanto para dispositivos móviles como para tabletas. Puedes controlar exactamente cuándo el sitio se divide en ambos puntos usando la pestaña Estilo.

    Vaya a Elementor > Configuración > Pestaña Estilo y establezca el valor del punto de interrupción para dispositivos móviles y tabletas como mejor le parezca.

    Ahora guarde sus cambios y vaya a Elementor> Herramientas> Pestaña General> Regenerar CSS, y haga clic en «Regenerar archivos».

    Paso 5: Ordenación de las columnas

    La función de ordenación de columnas invierte el orden de las columnas.

    Para usar el orden de las columnas, vaya a Configuración de la sección > Avanzado > Sensible > Columnas inversas y configúrelo en «Sí».

    Nota: Ninguna de las opciones de edición y configuración sugeridas anteriormente interferirá con un encabezado fijo de Elementor que hayas colocado.

    Elementor tiene algunas configuraciones muy receptivas e intuitivas que puede ajustar fácilmente para asegurarse de que su sitio web se muestre exactamente como lo desea en el dispositivo móvil.

    Una vez que haya completado los pasos anteriores, su sitio web mostrará exactamente cómo lo configuró tanto en el dispositivo móvil como en la tableta.

    Pensamientos finales

    El creador de páginas Elementor WordPress hace que la creación de un sitio web sea divertida. También le brinda una opción de arrastrar y soltar que le permite ver cómo se crean sus páginas en tiempo real. Una vez que se familiarice con las opciones de diseño y estilo que tiene el creador, podrá crear sitios web de WordPress dinámicos y totalmente receptivos sin tener que escribir ningún código.