Zum Hauptinhalt springen

Header-/Banner-Bild für Mobilgeräte und Tablets responsiv machen

Machen Sie Ihr Banner-Bild mit den Vorlagen-Editoren von Listing Designer responsiv und vollbreit für jede Bildschirmgröße.

Verfasst von Tony Adams

Listing Designer enthält zwei Vorlagen-Editoren, die jeweils auf unterschiedliche Weise die Größe der Header-Bilder festlegen:

Header-/Banner-Bild für Mobilgeräte und Tablets responsiv machen (Screenshot 1)
Header-/Banner-Bild für Mobilgeräte und Tablets responsiv machen (Screenshot 2)

Bilder mit New templates responsiv machen:

Nachdem Sie ein Bild in einen Content-Block hochgeladen haben:

  • Klicken Sie auf das Bild und wählen Sie die Lineal-Schaltfläche:

Bilder mit New templates responsiv machen: (Screenshot 3)
  • Setzen Sie Width auf 100%, und

  • setzen Sie Height auf auto

Bilder mit New templates responsiv machen: (Screenshot 4)

Nachdem Sie auf Update geklickt haben, passt sich Ihr Bild an jede Bildschirmgröße an.


Header-Bild mit Classic templates responsiv machen:

Hinweis: Diese Funktion ist derzeit nur für Vorlagen mit großen Hintergrundbild-Headern verfügbar. Vorlagen wie "Boxed" haben die folgende Option nicht.

  • Fahren Sie mit der Maus über das große Hintergrund-Header-Bild, um die Zoom settings anzuzeigen.

Header-Bild mit Classic templates responsiv machen: (Screenshot 5)
  • Wählen Sie dann die Multi-Achsen-Fit-Schaltfläche:

Header-Bild mit Classic templates responsiv machen: (Screenshot 6)

Profi-Tipp: Die ersten beiden Fit-Schaltflächen werden für Hintergrundbilder verwendet, die zugeschnitten werden, wenn der Bildschirm kleiner wird.

Jetzt ist das Header-Bild vollbreit und passt sich an jede Bildschirmgröße an:

Header-Bild mit Classic templates responsiv machen: (Screenshot 7)
Hat dies deine Frage beantwortet?