Eine Elementor Menü Sidebar zu benutzen, ist vor allem bei mobilen Darstellungen ein Must-have. Wie das geht, erklären wir Ihnen.
Auf mobilen Seiten üblich, auf Desktop-Seiten denkbar: Das Sidebar-Menü. Auch mithilfe von Elementor können Sie es benutzen.
Wie Sie es aktivieren und worauf Sie dabei achten müssen, erklären wir Ihnen in diesem Artikel. Spoiler vorab: es ist leichter, als Sie vielleicht denken mögen.
Erster Schritt: Header und Navigation erstellen
Erstellen Sie ein Menü: Bevor Sie ein Menü als Sidebar in Elementor erstellen, sollten Sie typischerweise zuerst einen Header in Elementor erstellen. Diesen können Sie nutzen, um das Menü hier abzulegen und Ihren Besuchenden zur Verfügung zu stellen.
Wenn Sie bevorzugen, dass das Menü dauerhaft angezeigt wird, auch wenn Ihre Besuchenden auf Ihrer Seite runterscrollen, dann können Sie eine zusätzliche Einstellung vornehmen: sorgen Sie dafür, dass Ihr Elementor Header sticky ist.
Nachdem Sie den Header erstellt haben, können Sie nun das Elementor Navigation Widget erstellen und in Ihrem Header benutzen.
So aktivieren Sie in Elementor das Menü als Sidebar für mobile Ansichten
Möchten Sie das Sidebar-Menü für mobile Geräte aktivieren, dann können Sie hierfür auf die zuvor erstellte Navigation zurückgreifen. Klicken Sie das Navigation-Widget in Elementor an. Hier finden Sie im Tab „Inhalt“ den Punkt „Umbruch bei“.
Hier können Sie festlegen, ob das Menü nur bei Smartphones oder auch bei Tablets angezeigt werden soll. Haben Sie diese Einstellung vorgenommen, dann können Sie anschließend das Sidebar-Menü noch stylen.
Möchten Sie auf die Nutzung einer Sidebar doch verzichten oder haben sich im Laufe der Zeit dagegen entschieden, dann können Sie auch dies entsprechend in dem Punkt „Umbruch bei“ einstellen, sodass auch auf Smartphones und Tablets keine Sidebar in Elementor angezeigt wird.
Neben einem Header mit Navigation ist es ebenfalls üblich, einen Footer auf Ihrer Seite zu benutzen. Hier können Sie Links hinterlegen, die nicht wichtig genug für ihre Haupt-Navigation sind aber dennoch verfügbar sein sollen. Einen Footer in Elementor zu erstellen ist zudem keine schwierige Aufgabe.
