Redimensionner les bannières de catégorie

Assistance produit
3

Bonjour,

Je pense que cela est causé par ce CSS

.category-logo.aspect-image {
  width: calc(var(--max-height) * var(--aspect-ratio));
}

Ici, la max-height est de 150px et le aspect-ratio dépend de l’image. Cela signifie que si vous avez une image avec un rapport d’aspect de 6…, elle aura une largeur d’image de 150 x 6 = 900px. Donc, cela dépend du rapport d’aspect de l’image.

Mais vous pouvez remplacer ce calcul… (pas celui-ci, mais cela l’affectera) avec ce qui suit.
Ajoutez une max-width fixe à l’image. Ainsi, l’image ne pourra pas être plus large que cette valeur.
Ajoutez ce qui suit à la section CSS mobile.

.category-list .category-logo.aspect-image {
  max-width: 250px;
}

Ou vous pouvez essayer quelque chose comme ceci sur mobile. Cela calculera la largeur maximale de la fenêtre d’affichage et alignera l’image sur celle-ci.

.category-list .category-logo.aspect-image {
  max-width: calc(100vw - 2.5em);
}