August 7, 2021

Elementor Custom-Breakpoints

Elementor responsive Webdesign Custom-Breakpoints

In der neuesten Version von Elementor gibt es nun endlich ein Feature, das ich mir schon länger gewünscht habe – Custom Breakpoints.

Bisher hattest du bei Elementor die Möglichkeit, drei verschiedene Breakpoints zu nutzen:

  • Einstellungen für Smartphones bis 767px 
  • Einstellungen für Tablets ab 768px und bis 1024px
  • Einstellungen für alle größeren Endgeräte ab 1025px. (Bei den hier hinterlegten Werten handelt es sich um den Ausgangswert für alle Display-Größen, wenn keine gesonderten Einstellungen für die anderen Display-Größen getroffen werden.)
Elementor responsive Webdesign Default-Breakpoints
Elementor responsive Webdesign Default-Breakpoints
Standardmäßige Breakpoints in Elementor

Diese kannst du unter den Website-Einstellungen zwar nach Belieben anpassen, aber bisher gab es nicht die Möglichkeit, zusätzliche Breakpoints zu definieren. Im Rahmen des aktuellen Elementor-Updates (Stand: 07.08.2021) wurde diese Möglichkeit aber nun integriert.

Elementor responsive Webdesign Custom-Breakpoints
Elementor responsive Webdesign Custom-Breakpoints
Custom-Breakpoints in Elementor

Bei diesem Feature handelt es sich aktuell allerdings noch um ein experimentelles Feature. Solche Elementor-Features sind also mitunter noch nicht zur Gänze ausgereift und sind daher auch nicht standardmäßig aktiviert. Um es nutzen zu können, navigierst du von der Startseite deines WordPress-Admin-Dashboards zu den Elementor-Experiments.

Klickpfad: Elementor > Einstellungen > Experiments

Elementor responsive Webdesign Custom-Breakpoints aktivieren
Hier aktivierst du die Custom-Breakpoints in Elementor