Redimensionner les bannières de catégorie

Après la mise à jour du forum, les bannières de catégorie sur la version mobile sortent de la boîte, j’imagine que la correction de la taille des bannières pourrait résoudre le problème.

Quelqu’un pourrait-il m’aider s’il vous plaît ?

Merci d’avance.

Dramebaaz Anybody There GIF by Grish Majethiya

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);
}
1 « J'aime »

Merci beaucoup @Don :heart: Maintenant, ça a l’air super !

1 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.