Avisos
Vaciar todo
Hola!
Estoy montando unos cajetines en mobile, son los 22 que hay debajo de "NUESTRA ESPECIALIDAD ES EL SUMINISTRO DE:". En desktop los he conseguido poner bien, pero en mobile me encuentro que los dos últimos cajetines no me quedan bien, se ven más grandes. ¿Me podéis pasar el código que tengo que meter para que se vean al mismo tamaño que los demás cajetines, y centrados?
https://www.goodair.es/good-air-suministros-industriales
Gracias
Contenido solo visible a usuarios registrados
Respondido : 26/07/2023 4:26 pm
Hola Robert,
Si ingreso a tu sitio web veo que esta sección se muestra de la siguiente forma
Coméntanos si has logrado configurar lo que necesitas.
Un Saludo
Respondido : 26/07/2023 4:33 pm
Hola!
Yo no lo veo así, a mi me sale aún como el pantallazo que he puesto en la descripción, no hemos tocado nada...
Gracias!
Respondido : 27/07/2023 7:28 am
Hola Robert,
Entiendo, en este caso puedes probar si puedes mostrar todas las imágenes en una sola fila para la versión móvil con el siguiente código CSS
@media only screen and (max-width: 600px) {
.fila-especialidad {
display: inline-flex;
justify-content: center;
margin-bottom: 3px;
flex-direction: row;
flex-wrap: wrap;
}
.fila-especialidad-ultima {
display: inline-flex;
justify-content: center;
margin-bottom: 3px;
flex-direction: row;
flex-wrap: wrap;
}
.categoria-especialidad-ultima {
margin-right: 3px;
}
}
Verifícalo y nos comentas como va todo
Un Saludo
Respondido : 27/07/2023 12:44 pm
Hola!
He subido el código que me pasas, pero sigue sin verse 😔 Lo veo igual que antes
Respondido : 27/07/2023 1:47 pm
Hola Robert,
Verífica borrar la cache de Joomla para comprobar se muestren los cambios, si con ello no se visualiza prueba modificar el código anterior por este
@media only screen and (max-width: 600px) {
.fila-especialidad {
display: inline-flex !important;
justify-content: center;
margin-bottom: 3px;
flex-direction: row!important;
flex-wrap: wrap!important;
}
.fila-especialidad-ultima {
display: inline-flex!important;
justify-content: center;
margin-bottom: 3px;
flex-direction: row!important;
flex-wrap: wrap!important;
}
.categoria-especialidad-ultima {
margin-right: 3px!important;
}
}
Un Saludo
Respondido : 27/07/2023 2:15 pm
Hola,
Sí, he borrado caché pero no se visualiza como queremos en mobile, siguen viéndose los últimos dos cajetines muy grandes.
Respondido : 27/07/2023 2:22 pm
Hola Robert,
Entiendo, vamos a aumentar un poco la resolución donde debe aplicarse. Revisa si el siguiente codigo te muestra los cambios
@media only screen and (max-width: 768px) {
.fila-especialidad {
display: inline-flex !important;
justify-content: center;
margin-bottom: 3px;
flex-direction: row!important;
flex-wrap: wrap!important;
}
.fila-especialidad-ultima {
display: inline-flex!important;
justify-content: center;
margin-bottom: 3px;
flex-direction: row!important;
flex-wrap: wrap!important;
}
.categoria-especialidad-ultima {
margin-right: 3px!important;
}
}
Un Saludo
Respondido : 27/07/2023 3:03 pm
Hola Karen, muchas gracias!
Ahora se ve bien en mobile, pero en desktop veo que los dos últimos cajetines no están centrados. ¿Habría manera de que esos dos últimos quedaran en el centro?
Gracias
Respondido : 27/07/2023 4:06 pm
Hola Robert,
En este caso prueba si el siguiente código te permite centrarlas como deseas
.fila-especialidad-ultima {
display: flex;
justify-content: center !important;
flex-direction: row;
}
Un saludo
Respondido : 27/07/2023 4:23 pm
Genial, ahora sí! Muchas gracias Karen! 😀
Respondido : 28/07/2023 7:32 am
Hola Robert,
Enhorabuena ha funcionado como necesitas, es un placer poder ayudarte.
No dudes en escribirnos si tienes cualquier otra consulta
Un Saludo 😊
Respondido : 28/07/2023 12:08 pm
