Como ajustar correctamente todo el diseño de Divi en móvil

Como ajustar correctamente todo el diseño de Divi en móvil


Contenido Restringido 🖐
Accede a este y otros contenidos siendo premium. ¿Aún no eres premium? Adquiere una membresía aquí ⭐

En este vídeo tutorial premium te enseñaremos como ajustar correctamente todo el diseño de Divi en móvil. Es un tutorial pedido por uno de nuestros suscriptores, así que manos a la obra.

Te enseñaremos las mejores prácticas para tener un sitio 100% RESPONSIVE, a través de la correcta selección de tamaños de los elementos del sitio como: imágenes, títulos, párrafos, columnas y filas para que no se rompan en diferentes tamaños de pantalla y sean 100% adaptado a móvil.

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

Este tutorial entra dentro de nuestra categoría de Diseño, donde estaremos compartiendo mucha mas información relevante acerca de buenas prácticas de diseño web con Divi.

Puedes ver la demo aquí:

Puedes instalar la extensión de Chrome Resolution Test desde este enlace.

Recuerda que puedes visitar nuestro Blog en donde se explica cómo Alinear dos botones uno al lado del otro en Divi: fácil y rápido además de mucho contenido de valor.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

Artículos relacionados

Comentarios

  1. Hola, hay alguna forma de que la vista móvil de divi coincida con la real sin tener que estar en la vista de inspeccionar de chrome? Porque a mi parecer esto es un fallo de divi, no tiene ningún sentido la vista que aparece ya que no nos vale realmente. Un saludo

    1. Qué tal Aldo, no, de hecho desechamos la idea porque siempre que diseñemos de forma correcta para desktop, las adaptaciones para móvil son relativamente sencillas de lograr, por lo que en los diferentes cursos hemos ido enseñando como diseñar para desktop de forma responsable, y luego haciendo las adaptaciones para móvil.

  2. Hola Jefferson.
    Buen tutorial, pero me falta algo para poder verlo bien en toda clase de medidas.
    Tienes algún curso publicado para solucionarme los enormes problemas que me da?
    Realmente me frustra mucho cada vez que encojo pantalla y voy viendo como mis diseños se van al carajo cada vez que bajo de resolución.
    Ya no se que unidad de medida utilizar para textos, separaciones, tamaños, etc. (he probado con todas).
    Confío en que me puedas orientar con alguno de tus grandes cursos y tutoriales.
    Un abrazo

    1. Que tal Pablo, un gusto saludarte.
      Siempre es un reto tratar de hacer adaptaciones a móvil cuando cambiamos mucho el diseño de web en desktop.
      Acá, como el problema principal se trata principalmente de adaptar el diseño a diferentes tamaños de pantalla, te recomendamos estos dos contenidos:

      Uso de media queries: https://uxdivi.com/blog/snippets/como-agregar-custom-media-queries-css-en-divi-explicado
      Hacer ajustes en móvil con Plugin: https://uxdivi.com/cursos/curso-de-ajustes-en-movil-y-responsive-divi

      Si bien no resolverán tu problema de forma directa, te dará una idea más profunda de como realizar los cambios en móvil.
      Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →