Después de la actualización del foro, los banners de categoría en la versión móvil se salen del cuadro, imagino que arreglar el tamaño de los banners podría ser la solución.
¿Alguien podría ayudarme, por favor?
Gracias de antemano.
Hola,
Creo que la causa es este CSS
.category-logo.aspect-image {
width: calc(var(--max-height) * var(--aspect-ratio));
}
Aquí, max-height es de 150px y la relación de aspecto depende de la imagen. Significa que si tienes una imagen con una relación de aspecto de 6…, entonces será una imagen de 150 x 6 = 900px de ancho. Por lo tanto, depende de la relación de aspecto de la imagen.
Pero puedes sobrescribir este cálculo… (no esto, pero le afectará) con lo siguiente.
Añade un max-width fijo a la imagen. Así, la imagen no podrá ser más ancha que este valor.
Añade lo siguiente a la sección CSS móvil.
.category-list .category-logo.aspect-image {
max-width: 250px;
}
O puedes probar algo como esto en móvil. Calculará el ancho máximo de la ventana gráfica y alineará la imagen a este.
.category-list .category-logo.aspect-image {
max-width: calc(100vw - 2.5em);
}
1 me gusta
¡Muchas gracias @Don 
¡Ahora se ve genial!
1 me gusta
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.