Kata Fügt Elementor 3 Viewports hinzu, wodurch Sie insgesamt 6 Größen für verschiedene Stile nutzen können. Ihre Website unterstützt außerdem mehr Geräteausgaben und funktioniert auf unterschiedlichen Bildschirmgrößen anders. Diese Größen sind:
- Desktop (1920px)
- Laptop (1366px)
- Tablet-Querformat (1024px)
- Tablet (768px)
- Mobil (480px)
- Kleines Mobilgerät (320px)
Um das responsive Design zu nutzen, müssen Sie zunächst die Containergröße der Website festlegen. Designoption (Link zu Anpassen > Container)
Im Geräte Im Menü finden Sie verschiedene Styler-Größen für alle Gerätetypen mit responsivem Design. Sie können jedes Gerät individuell gestalten, indem Sie es im Menü auswählen, da der Styler Änderungen standardmäßig in der Desktop-Version implementiert. Vergessen Sie also nicht, auch Ihre anderen Geräte auszuwählen.
Angenommen, ich befinde mich in der Elementor-Bearbeitungsumgebung und möchte die Schriftgröße eines Titels auf verschiedenen Geräten ändern. Auf Desktop-Computern habe ich sie auf 42 Pixel eingestellt, auf Tablets soll sie aber deutlich kleiner sein. Dazu wähle ich im Menü „Geräte“ die Option „Tablet“ aus.
Ich habe die Schriftgröße für Tablets auf 28px eingestellt, und wie Sie im Bild unten sehen können, hat sich die Größe des Titels verringert, allerdings nur in der Tablet-Ansicht.
