(Divi Theme) Spalten bei mobiler Ansicht beibehalten

Ein kleiner, schneller Tipp wie die Spalten bei Ansicht auf Handys und Tablets nebeneinander bleiben und nicht untereinander geschachtelt werden. Ein Divi CSS Tipp, den du nicht missen möchtest.

Wir nutzen DIVI um unsere Webseiten zu erstellen: (Partnerlink)

Die Vorteile von Divi auf einen Blick:

- schnell und einfach zu verstehen, logisch aufgebaut.
- Du kannst direkt auf der Seite, welche die Besucher sehen, Inhalte wie Bilder, Texte etc. ändern. Kein mühsames hin und her Wechseln zwischen Arbeits- und Ansichtsbereich.
- Divi ist ohne Programmierkenntnisse zu nutzen.
- Das Divi Theme ist komplett in Deutsch übersetzt.
- Mit Divi kannst du fast jede Idee umsetzen.
- Der Divi Page Builder hat über 40 Module, mit denen du Bilder, Slider, Texte, Videos, Galerien und vieles mehr erstellen kannst.
- Divi eignet sich für Homepages und Landingpages. Du kannst u.a. Shops kreieren und mehrsprachige Webseiten entwickeln.
- Divi ist responsive. Das heißt, deine Webseite sieht auch auf Smartphone und Tablet gut aus.
- Besonders wichtig für Anfänger und Einsteiger: Divi bietet Zugang zu vielen Seitenvorlagen, die du individuell für dich anpassen kannst.
- Divi wird ständig weiterentwickelt und ist technisch immer am neusten Stand. (Ich nutze Divi seit Jahren und weiss, wovon ich spreche)
- Falls du irgendwann das Theme wechseln möchtest, kannst du den Divi Page Builder mitnehmen und deine Seiten werden, so wie sie sind, mit übernommen. Wahre Freiheit im Webdesign!

Zum Aufnehmen unserer Videos nutzen wir Camtasia (Partnerlink)

Für Hosting & allgemeine Anfragen – hier der direkte Link zu unseren Kontaktdaten:

«Deine Webseite in einer Woche» – wenn du dir ein Angebot von uns wünscht oder weitere Infos zu unseren Projekten:

Einige weitere Videos zu dieser Divi WordPress Serie:
#1: Was ist wichtig bei Erstellen einer Homepage?

#8: Divi Theme Farben in Farbpalette ändern

#9: Divi Theme Texte und Schriftarten modifizieren

#10: Divi Tipps für Einsteiger - Bilder hochladen

#11: Divi Tipps für Einsteiger – Logo und Favicon ändern

#12: Divi Theme – bestes Bildformat für Headers

* * * * * * * *

Weitere Resourcen:
Viele grundlegende Einstellungen für das Design des Divi Themes werden im ... Symbole über die Du auf die Handy-, Tablet- oder Desktopansicht umschalten kannst. ... wie breit der Abstand zwischen verschiedenen Spalten (1) im Divi Builder ist. ... Leider übernimmt er mir diesen Grauton nicht bei der Mobilen Ansicht?

Weitere Informationen zur Blogansicht finden sich in unserem Artikel zu den Divi Blog Standardoptionen. Über das Sidebar Layout bestimmst Du, ob die Sidebar ...

Jun 27, 2018 - Divi's visual builder is a useful design tool for building websites for mobile. It has a lot of structural features built in that adjust to tablet and ...
Missing: beibehalten ‎| Must include: beibehalten

Nov 21, 2018 - avada-spalten-mobile-ansicht-anpassen ... Das Avada Theme von themefusion gehört zu den top 5 WordPress Themes weltweit. Über den ...
Missing: beibehalten ‎| Must include: beibehalten

Aug 14, 2018 - Das Divi-Theme bietet viele Möglichkeiten für individuelle ... Verschiedene Einstellungen für das mobile Hamburgermenu, wobei wir für das Menü ... Ihr könnt jede beliebige Sektion, Reihe, Spalte oder jedes Modul auf dem ...

Mar 11, 2015 - DIVI von Elegant Themes - Finden Sie hier eine Übersicht über ... Suchsymbol in mobiler Ansicht ausblenden ... Wenn ich das richtig verstehe, möchtest du das Menü behalten, aber den Teil darüber (mit dem Bild) ausblenden? ... wie ich eine eigene Aufteilung der Spalten hinbekomme, nämlich 4/2/2/4.

TAGS
Wordpress
Divi
Divi Tutorials
Webseite selber machen
Spalten nebeneinander
mobile Ansicht wie Desktop

[hannes_djlucjus_official]

Hallo 😊 vielen Dank für das Video. Werde ich gleich mal testen

[michaelstephanboschi]

Danke für den Input.
Das funktioniert leider nicht, wenn ich mehr als 3 Spalten habe.... Gibt´s für 4 oder mehr Spalten auch eine Lösung? Danke

[angelikafuchs]

Super, vielen Dank. Wie kann ich es denn schaffen, dass Module anders angeordnet sind. Ich habe immer Sektionen mit Bild und Text, nächste Reihe Text und Bild. In der mobilen Ansicht wird es dann zu Bild Bild, Text Text.

[froehlichleben]

Was geben Sie denn nach dem "flex" ein??

[filoublabla]

Sehr hilfreich! Genau nach dieser Thematik habe ich gesucht :)

[Efimarel]

Vielen Dank, es war sehr hilfreich👍 Ich warte gespannt auf die nächsten Videos 🙂

[SandroTreglia]

Super tutorial sei bravissima 👍 Komplimente 👌

[VIVIENGOLD]

Leider funktioniert es bei mir nicht mit "display: flex;" Die Bilder werden auf dem Handy weiterhin untereinander angezeigt. Fehlt mir ein Schritt?