Avisos
Vaciar todo

[Resuelto] CONTADORES NUMÉRCIOS  

 
Eva
 Eva
Usuario experto

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 1:51 pm
Argenis
 Argenis
Soporte CMS Webempresa 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 2:09 pm
Eva
 Eva
Usuario experto

Muchísimas gracias @argenis, ha funcionado correctamente.

Un saludo:

 

Eva

Respondido : 26/08/2021 9:57 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

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 10:26 am