Configurar el ancho de contenido ideal en dispositivos móviles en Divi.

Inicio / Blog / Tema Divi / Configurar el ancho de contenido ideal en dispositivos móviles en Divi.

Autor: Jefferson M

Publicación: 14 Jun, 2021

En este HUB Content te mostraremos cómo configurar el ancho de contenido ideal en dispositivos móviles en Divi para éste se vea de la mejor y más provechosa manera en dispositivos móviles.

Lo lograremos moviendo algunas de las configuraciones de diseño de Divi, con un par de simples ajustes, y veremos excelentes resultados a la hora de mostrar contenido con un ancho correcto en dispositivos móviles. Vamos a ello.

Hacer más ancho el contenido en móviles.

La idea de esto, es lograr que el contenido abarque al menos un 90% del ancho de la pantalla en móvil para aprovechar el maximo posible del total del ancho de la pantalla, sin llegar a los bordes del mismo y romper el diseño.

¿Quieres hacer que todos tus diseños en móvil en Divi se vean completamente responsive? Aprende a hacerlo con nuestro tutorial premium para optimizar el diseño responsive en móvil con Divi.

Para lograr esto solo debemos ir a la fila donde tenemos el contenido que queremos que se muestre en ancho “casi completo” y modificar los valores de “anchura máxima” tanto interna como externa. Es importante saber que si tienes varias secciones y filas, debes hacer lo mismo para cada una de ellas.

Una vez que elijamos la fila que queremos modificar, iremos a la pestaña de diseño de la misma, bajamos hasta el apartado de anchura máxima, y seleccionamos dispositivo “tablet” en ambos valores de la anchura.

En el primer valor de “anchura máxima” colocaremos “100%” esto hará que esa fila entienda que quieres darle el valor de anchura máxima interna dentro de la sección que la tienes. Eso quiere decir que si en el personalizador de temas has configurado un contenedor de 1280 px por ejemplo, esta fila siempre tendrá 1280 px.

En el segundo valor de “anchura máxima” colocaremos “90%”, esto hará que la fila interprete que ahora queremos que esa fila abarque el 90% del ancho de todo el viewport de la pantalla (total de pantalla visible) y hará que el contenido abarque el 90% del ancho de la pantalla en dispositivos móviles.

Puedes ver acá el ejemplo:

Configurar el ancho de contenido ideal en dispositivos móviles en Divi.


Recuerda, debes ir a fila > diseño > tamaño y allí colocaras ancho completo 100% y ancho completo posterior 90% con eso lograremos un resultado así:

Como se ve Configurar el ancho de contenido ideal en dispositivos móviles en Divi.

Con esto lograremos que nuestro contenido abarque el mayor ancho visible en dispositivos móviles sin llegar a romper el diseño.

Bastante recomendable para post del blog principalmente, pues es donde tenemos una gran cantidad de contenido, y es lo que debemos optimizar todo lo que podamos para dispositivos móviles.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Solicitud de cancelación de suscripción

Aviso importe

🚩 Debes solicitar la cancelación de tu suscripción al menos 24 horas antes de tu renovación, de otro modo, no podremos procesar a tiempo la cancelación antes de tu renovación.

Al cancelar tu suscripción, perderás el acceso a todo esto:

🚩 A más de mil contenidos especializados en el aprendizaje del diseño web
🚩 El soporte personalizado en Divi
🚩 Acceso al grupo de Discord
🚩 Acceso a la descarga de las actualizaciones de los plugins, el contenido y las descargas de nuestro sitio.
🚩 Puntos y rangos obtenidos en la plataforma

✅ Te ofrecemos la opción de pausar tu suscripción 2 o 3 meses y así no perderás el progreso obtenido en la plataforma.

Lamentamos mucho 😩 que tu experiencia en nuestra plataforma no haya sido la mejor. Para poder procesar tu solicitud y hacerla efectiva, necesitaremos que por favor nos envíes lleno este formato. Esto nos ayudará a poder seguir mejorando nuestra propuesta de valor y siendo útil para todos los usuarios.

Solicitud de cancelación

¿Por cuál o cuáles razones deseas cancelar tu suscripción?

¿Qué características mejorarías en nuestra web?

¿Cuál es tu nivel de satisfacción en relación con la calidad del soporte que ofrecemos por diferentes medios? donde 1 es insatisfecho y 5 es satisfecho

¿En esta escala que tanto recomendarías a UXDIVI a un amigo o colega? donde 1 es "no lo recomendaría" y 5 es "Lo recomendaría totalmente"

4 + 10 =


Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi