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.
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 ⭐
Buen contenido
Excelente tutorial, me va servir mucho. Gracias por tu duro trabajo
¡Gracias por el tutorial!
Hola la herramienta resolution? con que navegador la utilizas y puedes poner un enlace, gracias.
me auto contesto ya la vi en chrome, gracias
Hola Jefferson. Excelente tutorial. Una pregunta: ¿Ya subiste el tutorial de primero en móvil y eso adaptarlo a escritorio?.
Saludos.
¡Super! No estimado. Déjalo en la pestaña de ideas: https://uxdivi.sleekplan.app/
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
Que tal Jesús, claro que si, chécate esto: https://uxdivi.com/blog/updates/nuevo-divi-update-nuevo-sistema-de-pre-visualizacion-responsivo-de-divi
Gracias de nuevo
Hola Jefferson, buen día.
De casualidad el curso que comentas donde “diseñas primero para móvil”, está ya publicado? 😬
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.
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
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 😉🖐
Gracias por tu respuesta. Ya vi los dos contenidos y me sacaron de algunas dudas.