
Diese Seite ist derzeit nicht verfügbar.
Diese Information wird zeitnah verfügbar werden.
Vielen Dank für Ihr Verständnis!
Grüsse Heiko
Du arbeitest mit dem Divi-Theme und hast festgestellt, dass die Reihenfolge von Bild und Text in der mobilen Ansicht nicht ideal ist? Gerade bei responsiven Designs wird die Darstellung auf Smartphones manchmal nicht so ausgegeben, wie du es dir wünschst. In diesem Beitrag zeige ich dir, wie du mit einer einfachen Methode die Reihenfolge der Spalten ändern kannst – und das ganz ohne komplizierte Programmierung! Damit sieht dein Layout auf Smartphones perfekt aus.
Auf dem Desktop werden Bild und Text oft nebeneinander dargestellt. In der mobilen Ansicht stapeln sich die Inhalte jedoch automatisch untereinander, und Divi zeigt sie meist von links nach rechts. Das bedeutet, dass der Inhalt, der auf dem Desktop links ist, zuerst erscheint. Oft passt das nicht zur gewünschten Reihenfolge. Ein Beispiel: Ein Bild sollte auf dem Desktop rechts stehen, aber auf dem Smartphone über dem Text angezeigt werden.
Im folgenden Video erkläre ich dir Schritt für Schritt, wie du die Reihenfolge von Bild und Text in der mobilen Ansicht änderst. Dabei verwenden wir einfache Divi-Einstellungen und etwas CSS – und das Ergebnis kann sich sehen lassen!
display: flex;
flex-wrap: wrap;
order: 1;
order: 2;
Speichere deine Änderungen und überprüfe die mobile Ansicht. Jetzt sollte die Reihenfolge der Spalten so angepasst sein, wie du es dir wünschst!
Damit du die Anpassung noch einfacher nachvollziehen kannst, habe ich ein kurzes Video für dich erstellt. Schau es dir hier an und folge den Schritten: **Video-Link einfügen**
Mit den erweiterten Einstellungen und ein paar CSS-Befehlen kannst du die Reihenfolge von Bild und Text in der mobilen Ansicht problemlos anpassen. So sieht dein Layout auf allen Geräten genau so aus, wie du es geplant hast!
Hast du Fragen oder benötigst du weitere Tipps zu Divi? Hinterlasse gerne einen Kommentar oder kontaktiere mich direkt! Viel Spaß beim Optimieren deines Designs! 🌟
Nutzen Sie jetzt die Möglichkeit einer telefonischen Erstberatung – schnell, unverbindlich und kompetent!
Benötigen Sie ein Bewerbungsformular für Ihre Webseite? Ich erstelle benutzerfreundliche und professionelle Formulare, die perfekt auf Ihre Anforderungen abgestimmt sind.
0 Kommentare