Alle neuen und alle mit dem neuen Editor gemachten Seiten sind automatisch responsive. Du musst dazu allerdings die Funktion anschalten. Den Dialog kannst du direkt über den Menüeintrag "Mobile" im Design Editor aufrufen.
Wie deine Seite auf einem mobilen Gerät dargestellt wird, kannst du mit dem Button "Vorschau" testen, der rechts oben im Menü angeordnet ist:
Klickst du auf die Vorschau, dann wird deine Seite abgeblendet und ein Dialog mit vier Icons sowie ein Bereich angezeigt, in dem deine Website eingeblendet wird:
Klickst du auf eines der drei linken Icons, ändert sich die stilisierte Vorschau entsprechend. Mit dem vierten Icon rechts kannst du die Vorschau drehen. Wie du hier siehst, wird die Seite auf einem Handy dargestellt. Wenn du oben rechts drei Striche sehen kannst (das ist ein sogenanntes Hamburger Menu) dann befindet sich die Seite in der mobilen Ansicht. Wir haben verschiedene Breiten hinterlegt für die verschiedenen Geräte. Je nach Gerät bzw. Breite wird die Website unterschiedlich dargestellt.
Gut zu wissen: Über den Link "Weitere Informationen" bekommst du eine Erklärung, was alles für mobile Geräte angepasst wird.
Hinweis:
Inhaltselemente auf dem Header können aktuell nur begrenzt für die mobile Ansicht optimiert werden und müssen daher ausgeblendet werden. Wenn du ein Logo über deiner Webseite platzieren willst, empfehlen wir dir, dazu die Logo Option zu benutzen. Ein so platziertes Logo ist auch in der mobilen Version optimal sichtbar.