Hallo!
Im Layout Flat Responsive wird das Headerbild nur teilweise automatisch an die Fensterbreite angepasst.
Ab irgendeinem etwas schmäleren Fenster wird nur mehr ein Teil des Bildes gezeigt, dieser Bildausschnitt aber in ungewöhnlich großer Höhe.
Ist dieser Effekt so gewollt oder soll das nachgebessert werden?
Ein Vergleich mit dem Widget Slider ergab:
Bei gleicher Umschaltgrenze der Fensterbreite wird bei "Slider" der Text unter das Bild gestellt.
Slider Widget passt das Bild immer an die Fensterbreite an.
Layout Flat Responsive - Header - Responsive Darstellung?
-
Der Effekt ist so gewollt. Damit das Bild nicht unendlich verkleinert wird, bleibt die Bildhöhe ab einem bestimmten Punkt fest und das Bild wird horizontal einzentriert (also rechts und links beschnitten).
-
Hallo Zusammen,
wie kann ich die Bildhöhe bei mobile Darstellung verkleinern? Halb so hoch wäre bei meinem Projekt ästhetischer anzusehen.
Vielen Dank & Grüße, Jochen
-
Hallo,
da müssen Sie etwas eigenes CSS einsetzen. Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html
Folgender Code könnte dann funktionieren:
CSS<style> @media screen and (max-width: 640px) { .objectfit #slider .slides>li img { height: 50vw; } .objectfit #slider .flex-container { padding-bottom: 50vw !important; } } </style> -
Klasse! Funktioniert bestens.
Vielen Dank.
-
Leider funktioniert das mit HEADER - bzw. Kopf-BILD verkleinern, so nicht.....
-
so nicht.....
ist eine etwas dürftige Beschreibung. Wie soll damit jemand helfen können?
-
so nicht, ...damit meine ich - mit dem Script das da gepostet wurde, kann ich nicht das Kopfbild in der mobilen Ansicht verkleinern.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!