Avisos
Vaciar todo

[Resuelto] CONTADORES NUMÉRCIOS

4 Respuestas
3 Usuarios
0 Reactions
10 Visitas
 Eva
Respuestas: 95
Trusted Member
Topic starter
 

Buenas tardes:

Tengo problemas con una fila de módulos de contadores numéricos. Se ve bien en pantalla de ordenador, pero en móvil no: me separa mucho el número del "texto explicativo del número". He probado un montón opciones: tamaños letras, márgenes, módulos,... pero no doy con el chiste. ¿Seríais tan amables de indicarme como puedo hacer que en el móvil se vea más junto el número de su texto, y ocupara todo menos espacio?

 

image
image

Adjunto imagen de como queda en pantalla ordenador y como en móvil.

 

Un saludo y muchas gracias:

 

Eva

Contenido solo visible a usuarios registrados


 
Respondido : 25/08/2021 12:51 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Eva,

Verifica agregar el siguiente código css en Apariencias > Personalizar > Css adicional:

@media screen and (max-width: 425px) {
.et_pb_number_counter.et_pb_with_title .percent {
margin-bottom: 0px !important;
}
.et_pb_number_counter .percent {
height: 50px !important;
position: relative;
}
}

Este lo agregas al final del todo, he colocado 425px que seria el ancho de un teléfono estándar, sin embargo si ves que en tu celular no se visualiza puedes aumentar un poco el numero para que lo tome a aquellos dispositivos que son un poco mas grandes.

Un saludo 🖐️ 


 
Respondido : 25/08/2021 1:09 pm
 Eva
Respuestas: 95
Trusted Member
Topic starter
 

Muchísimas gracias @argenis, ha funcionado correctamente.

Un saludo:

 

Eva


 
Respondido : 26/08/2021 8:57 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Eva.

Genial !!! me alegar que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Cerramos el tema.

Un saludo


 
Respondido : 26/08/2021 9:26 am