Spaltenbreite bei mobiler Ansicht

  • Ich habe auf einer Seite mehrere Reihen mit jeweils 4 Bildern nebeneinander (als "Übersicht" für andere Unterseiten).
    Am Desktop ist jedes Bild folglich 3 Spalten breit.

    In der mobilen Ansicht nimmt jedoch jedes Bild die volle Bildschirmbreite ein, also 12 Spalten.

    Will man das letzte Bild erreichen, muss man relativ weit scrollen.

    Kann man denn irgendwo das Verhalten der Spalten einstellen, wenn die Bildschirmgröße geändert wird?
    Die Bilder sind natürlich so erstellt, dass sie auch bei kleinerer Darstellung deutlich erkennbar sind.

    • Offizieller Beitrag

    Hallo,

    das von Ihnen beschriebene Verhalten ist das übliche und sinnvolle responsive Design. Auf größeren Bildschirmen werden die Bilder in mehreren Spalten nebeneinander dargestellt, um den Platz optimal zu nutzen. Auf kleineren Bildschirmen hingegen nimmt jedes Bild die volle Breite ein, um eine gute Lesbarkeit und Bedienbarkeit zu gewährleisten. Das Verhalten kann nicht einfach verändert werden, da es Teil des grundlegenden responsiven Designs.

  • Hallo Steffen,

    danke für die Antwort, das Prinzip ist mir ja bekannt.

    Würde ich eine Webseite manuell erstellen, kann ich ja das Verhalten beispielsweise so einstellen:

    Code
    <div class="row">
      <div class="col-6 col-md-3">Spalte 1</div>
      <div class="col-6 col-md-3">Spalte 2</div>
      <div class="col-6 col-md-3">Spalte 3</div>
      <div class="col-6 col-md-3">Spalte 4</div>
    </div>

    Gibt es denn bei Zeta keine Möglichkeit, bei einzelnen Inhalten das Ganze "manuell" anzupassen? Es muss ja nicht für die gesamte Webseite gelten.

    Oder anders gesagt: irgendwo im Programm/Layout ist doch bestimmt festgelegt, wie bei bestimmten Bildschirmgrößen mit den Spalten umgegangen wird. Kommt man da als Normalsterblicher ran und kann es auf eigene Gefahr ändern?

    • Offizieller Beitrag

    Hallo,

    eine manuelle Anpassung des Spaltenverhaltens ist in Zeta Producer nur mit entsprechenden Kenntnissen in HTML und CSS möglich. Über eigenes CSS könnten Sie das Verhalten gezielt anpassen, allerdings erfordert dies auch ein gewisses Verständnis für responsive Webgestaltung. Siehe auch https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!