Avisos
Vaciar todo

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

9 Respuestas
3 Usuarios
0 Reactions
23 Visitas
Respuestas: 261
Reputable Member
Topic starter
 

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
Respuestas: 6487
Illustrious Member 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
Respuestas: 261
Reputable Member
Topic starter
 

@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
Respuestas: 6487
Illustrious Member 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
Respuestas: 261
Reputable Member
Topic starter
 

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
Respuestas: 11585
Illustrious Member 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
Respuestas: 261
Reputable Member
Topic starter
 

@argenis

a mi no me sale

image

estando en la vision 

image

 


 
Respondido : 31/12/2022 1:12 pm
Argenis
Respuestas: 11585
Illustrious Member 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
Respuestas: 261
Reputable Member
Topic starter
 

ok, gracias. 


 
Respondido : 31/12/2022 6:01 pm