Avisos
Vaciar todo

en los eventos, titulos que se cortan palabras utilizando me calendario  

Página 1 / 2
 
Vicente
 Vicente
Estimable Member

los eventos que publicamos con el pugin me calendario, al visualizarlos en un móvil, corta las palabras en función del ancho de la pantalla del móvil

image

este evento lo puedes ver en la url https://gestyfor.es/ponencia/analisis-de-estados-contables-en-sociedades-aseguradoras/

gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 11/01/2023 1:43 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Vicente, 

En este caso puedes comprobar como añades el tamaño para los títulos en móvil, para ello puedes pulsar la opción de teléfono disponible en los ajustes de diseño de tu texto

image

Prueba modificarlo al tamaño adecuado para que estos no se corten.

Revisa si con ello puedes añadir los textos como deseas.

Un Saludo 

 
ResponderCitar
Respondido : 11/01/2023 1:51 pm

Vicente
 Vicente
Estimable Member

Hola Karen,

esto que me mandas se puede hacer una vez que esta usando alguna de las opciones de divi, en este caso serian un conmutador, dentro del conmutador tienes las opciones del pantallazo que tu me pones.

Pero no es ahí, es el titulo del evento

image

y el ejmplo que te he mandado antes donde se corta

image

en otro movil

image

y en otro movil

image

 

 

ResponderCitar
Respondido : 11/01/2023 1:59 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Vicente.

Tienes que jugar un poco con las resoluciones y con CSS ir modificando el tamaño del texto, un ejemplo seria este:

@media only screen and (max-width: 600px) {
.mec-wrap .mec-single-title {
font-size:20px;
}
}

Hay que ir revisando las diferentes resoluciones y modificar el valor de " max-width: 600px " y el " font-size:20px; " para adaptarlo a las resoluciones.

 

Un saludo

 

 

ResponderCitar
Respondido : 11/01/2023 3:00 pm

Vicente
 Vicente
Estimable Member

@pepesoler

Hola Pepe

hemos colocado el codigo que nos indicas en el ccs de divi, modificando el 600 y el 20, incluso con cifras desorbitantes, como 1200, y no hay ninguna direferencia.

¿Qué hacemos mal?

ResponderCitar
Respondido : 11/01/2023 5:26 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Vicente, 

Prueba si al añadir el !important a tu regla CSS aplica los cambios, por ejemplo

@media only screen and (max-width: 600px) {
.mec-wrap .mec-single-title {
font-size:20px !important;
}
}

Revisa esto y nos comentas como va todo

Un Saludo 😊 

ResponderCitar
Respondido : 11/01/2023 5:34 pm

Vicente
 Vicente
Estimable Member

@karen

Hola Karen, 

Nada, no hace nada. Siguen cortándose las palabras en los móviles.

Un saludo

ResponderCitar
Respondido : 11/01/2023 5:38 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Vicente, 

En este caso probemos si con el siguiente código te permite modificar el tamaño como deseas

@media only screen and (max-width: 600px) {
h1.mec-single-title {
font-size: 20px !important;
}
}

Verifica esto y nos comentas como va todo

Un Saludo

 

ResponderCitar
Respondido : 11/01/2023 5:44 pm

Vicente
 Vicente
Estimable Member

@karen

con este código sigue cortándose fuera pero si pinchar sobre el entonces dentro se ve mas pequeño.

lo quitamos y se sigue viendo cortado fuera y correcto dentro

saludos

ResponderCitar
Respondido : 11/01/2023 5:49 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Vicente, 

En este caso puedes enviarlos algunas capturas como añades el código, ten en cuenta como comenta pepe debes ir jugando con el tamaño de la fuente que añades para las versiones móviles hasta adaptarlo como deseas se visualice. 

Un Saludo

ResponderCitar
Respondido : 11/01/2023 6:39 pm

Vicente
 Vicente
Estimable Member

El curso que se ve mal el titulo en el móvil es

https://gestyfor.es/ponencia/sensibilizacion-acoso-laboral/

image

https://gestyfor.es/ponencia/analisis-de-estados-contables-en-sociedades-aseguradoras/

image

Las indicaciones que no habéis dado es que coloquemos este código

@media only screen and (max-width: 600px) {
.mec-wrap .mec-single-title {
font-size:20px;
}
}

En Divi, opciones tema, ccs, lo ponemos

image

Guardamos cambios y comprobamos que siguen saliendo los títulos cortados, en ambos eventos que hemos puesto el pantallazo al principio.

Modificamos " max-width: 600px " y el " font-size:20px; "de forma exagerada (ayer lo fuimos haciendo variando un poco la cifra del 600 y la del 20, pero vimos que no se producía ningún cambio, por lo que si ponemos una cifra exagerada se debería desbordar).

Al poner 1500 en el max-width, y mantenemos el 20 en Font-size

image

se sigue cortando,

image

pero sin embargo cuando accedes al evento la cabecera del título es bastante más pequeño

image

Si mantenemos el 1500 y aumentamos el Font-size a 200, 

image

se sigue viendo cortado

image

Y al acceder al evento, esta enorme

image

No solo sucede este cambio dentro del evento en el móvil, también lo aplica a la vista ordenador.

image

Si necesitáis, alguna explicación, mas, decírmelo.

Gracias.

ResponderCitar
Respondido : 13/01/2023 3:01 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Vicente.

Veo que se muestra bien:

SENSIBILIZACIÓN ACOSO LABORAL   GestyFor

La otra entrada también veo que se muestra bien:

ANÁLISIS DE ESTADOS CONTABLES EN SOCIEDADES ASEGURADORAS (2ª edición)   GestyFor

Ahora mismo estoy probando con diferentes resoluciones y todas muestran el texto bien, por ejemplo en una resolución de 350px:

chrome capture 2023 0 13

 

Pruébalo con diferentes dispositivos por si el problema estuvieras en la caché del navegador del dispositivo.

 

Un saludo

 

 

 

ResponderCitar
Respondido : 13/01/2023 3:32 pm

Vicente
 Vicente
Estimable Member

Hola Pepe

Estas capturas que me mandas son dentro, ahí se ha visto bien desde el primer momento. (cuando hemos tocado el css, es cuando se desparramaba, pero inicialmente y con los datos que hemos dejado, se ven bien)

Donde no se ve bien es fuera.

Por favor, sigue este recorrido, gestyfor.es/inicio

image

pincha en webinar y tienes esto, te sale esta pantalla

image

bajas/subes la pantalla y tienes este webinar, 

image

lo mires en un telefono note9, sansumg j6+, en un fold cerrado.

 

Lo que tu me envias, es si ahora

image

esto que esta cortado, pinchas sobre el titulo, te aparece lo que tu me mandas, 

image

 

No sé si me explicado, bien para que detectes donde se visualiza mal.

Gracias.

 

ResponderCitar
Respondido : 13/01/2023 3:47 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Vicente.

OK es el listado de webinar, este utiliza una clases distintas:

Te dejo un ejemplo:

@media only screen and (max-width: 600px) {

a.mec-color-hover {
font-size: 15px;
}

A Partir de aquí tienes que jugar un poco con las resoluciones.

 

Un Saludo

ResponderCitar
Respondido : 13/01/2023 4:03 pm

Vicente
 Vicente
Estimable Member

@pepesoler

Si, poniendo el 15, no corta, pero se ve muy pequeño, juego con subir hasta que se corta. Pongo el font-size mas alto sin que se corte.

Pero esto no es una solución, pq no adapta, sino que al hacerlo mas pequeño, en los dispositivos que yo pueda comprobar se vera bien, pero no todos.

Lo que realmente necesitmos es que de adapte.

Te pongo un ejemplo de paginas que tenemos hechas.

https://gestyfor.es/info/

en un telfono note9

image
image

en un fold cerrado que es super estrecho

image
image

 

Como puedes comprobar, se adapta a la pantalla de cada terminal.

Esto es lo que no hace en la otra pagina, y la solución que tu me indicas de jugar con las resoluciones no vale, pq aun poniendo font-size15 como tu nos indicas en el fold cerrado se corta.

Además, yo no hago la pagina para verla nosotros en nuestros dispositivos, tendremos que pensar que cada cliente lo vera en su dispositivo y es ahi donde se tiene que adaptar la pagina.

Un saludo

 

 

 

ResponderCitar
Respondido : 13/01/2023 4:24 pm
Página 1 / 2