7.1 Breakpoints & Verhalten (Desktop/Tablet/Mobile)
Liste der Standard-Breakpoints in Elementor und deren Verhalten bei unterschiedlichen Bildschirmgrößen.
Inhaltsverzeichnis
A. Standard-Breakpoints in Elementor
- Desktop: ≥ 1025px
- Tablet: 768–1024px
- Mobile: ≤ 767px
B. Verhalten
Jeder Container, der auf Desktop nebeneinander steht (Flex Row), wechselt auf Mobile zu Flex Direction: Column. Padding & Gap werden halbiert.
Tipp: Prüfe in Elementor → Einstellungen → Experimente, dass ‚Custom Breakpoints‘ aktiv ist. So kannst du zusätzliche Größen hinzufügen (z. B. XL-Desktop oder Small Mobile).
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container