Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] las palabras de los textos se cortan y no se adaptan  

 
Vicente
 Vicente
Estimable Member

En cuanto a diseño de esta pagina, que me pasa en mas paginas, 

en la pantalla de ordenador todo se adapta y se lee de forma amena

pero en los móviles, (en cada uno se corta según el tamaño) aparece así

image

 

puedes ver que los textos de arriba corta las palabras pero sin embargo los cuadros de cada entrada adapta todo, el cuadro, el texto del titulo, el texto de la descripción

¿esto pq es?? ¿Cómo puedo solucionarlo?

Contenido solo visible a usuarios registrados

Respondido : 31/12/2022 1:19 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Vicente,

Es notable que hay unos estilos definidos para este encabezado, el cual no se ajusta del todo bien en dispositivos moviles

image

Sabes como modificarlo? si es una página de blog definido debes buscar si existe este encabezado o bien desde la propia página o desde las opciones de Divi-> Maquetador de temas

Otra opcion es cambiar los estilos solo en la vista de moviles por medio de CSS por ejemplo

@media(max-width:768px){
.et_pb_text_0_tb_body {
width: 100%;
max-width: 100%;
}
.et_pb_text_0_tb_body h1{
color: #000000;
font-size: 32px;
line-height: 1em;
}
}

Este código lo puedes agregar en el apartado de Divi -> Opciones del tema -> CSS personalizado

image

Prueba y nos comentas

Saludos!

Respondido : 31/12/2022 1:54 am

Vicente
 Vicente
Estimable Member

@bruno-vichetti

los añado tal como me indicas

image

y me sigue saliendo igual

image

Gracias.

 

Respondido : 31/12/2022 2:03 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Vicente,

Para que tenga un comportamiento similar al siguiente

image

Reemplaza el codigo anterior por el siguiente

@media(max-width:768px){
.et_pb_text_0_tb_body {
width: 100% !important;
max-width: 100% !important;
}
.et_pb_text_0_tb_body h1{
color: #000000;
font-size: 32px !important;
line-height: 1em !important;
}
}

Saludos!

Respondido : 31/12/2022 4:45 am

Vicente
 Vicente
Estimable Member

gracias por la respuesta.

en el blog si se ha adaptado el texto pero en otras paginas no, por ejemplo

image
image
Respondido : 31/12/2022 9:57 am
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Vicente,

De manera general Divi no cuenta con una versión para móvil y otra para pc, lo mejor es que ingreses en el editor y actives la vista de móvil:

image

De lo contrario te vas a encontrar con la engorrosa tarea de ir modificando cada uno de los textos o elementos del sitio.

Un saludo 🖐️ 

Respondido : 31/12/2022 12:40 pm

Vicente
 Vicente
Estimable Member

@argenis

a mi no me sale

image

estando en la vision 

image

 

Respondido : 31/12/2022 1:12 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Vicente,

Indicas que no te sale la opción, pero es que no estás en la misma sección, te comparto un video:

Si no se muestra igual en la parte inferior, debes mostrarlo aquí:

image

Un saludo 🖐️ 

Respondido : 31/12/2022 1:17 pm

Vicente
 Vicente
Estimable Member

ok, gracias. 

Respondido : 31/12/2022 6:01 pm