Nach dem Update des Forums ragen die Kategoriebanner in der mobilen Version aus dem Rahmen. Ich stelle mir vor, dass die Anpassung der Bannergröße das Problem lösen könnte.
Könnte mir bitte jemand helfen?
Vielen Dank im Voraus.
Hallo,
Ich glaube, das verursacht dieses CSS
.category-logo.aspect-image {
width: calc(var(--max-height) * var(--aspect-ratio));
}
Hier ist die max-height 150px und das Seitenverhältnis hängt vom Bild ab. Das bedeutet, wenn Sie ein Bild mit einem Seitenverhältnis von 6… haben, dann ist es ein 150 x 6 = 900px breites Bild. Es hängt also vom Seitenverhältnis des Bildes ab.
Aber Sie können diese Berechnung überschreiben… (nicht diese, aber sie wird sie beeinflussen) mit dem Folgenden.
Fügen Sie eine feste maximale Breite zum Bild hinzu. Das Bild kann also nicht breiter als dieser Wert sein.
Fügen Sie Folgendes zum mobilen CSS-Abschnitt hinzu.
.category-list .category-logo.aspect-image {
max-width: 250px;
}
Oder Sie können so etwas auf Mobilgeräten versuchen. Es berechnet die maximale Ansichtsfensterbreite und richtet das Bild daran aus.
.category-list .category-logo.aspect-image {
max-width: calc(100vw - 2.5em);
}
1 „Gefällt mir“
Vielen Dank @Don 
Jetzt sieht es großartig aus!
1 „Gefällt mir“
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.