Cómo gestionar el diseño para móviles con Elementor

Una vez hayas realizado el diseño de las páginas de tu web para modo escritorio, es importante revisar y modificar el diseño para los dispositivos móviles y tablet.

Esto mismo como no, podemos hacerlo con nuestro magnifico maquetador Elementor.

Para ello, tendrás que pasar al formato que necesites revisar, haciendo clic aquí:

Una vez visualices tu web en dispositivo tablet o móvil, sólo tienes que ir retocando los parámetros de los distintos widgets que hayas implementado en tu página, de la siguiente forma:

mobileeditnew

¡¡Ojo!! Si borras o mueves de sitio estos widgets, también se verá afectado en el resto de versiones responsive.

Estos son algunos de los parámetros que puedes ajustar de los elementos en el apartado " Estilo" y "Avanzado":

  • Modificar el tamaño de la tipografía
  • Establecer el relleno y margen 
  • Aplicar diferentes alineaciones móviles
  • Modificar el orden de columnas
  • Configuración específica de las secciones

Si te apetece profundizar, aquí tienes esta documentación oficial de Elementor: https://elementor.com/blog/introducing-mobile-editing/ y https://docs.elementor.com/article/68-mobile-editing

Espero que te ayude,

Un abrazo!