Gerade für responsive Layouts sind Off-Canvas-Menüs mit vertikaler Navigation wie geschaffen. Bei einer Off-Canvas-Navigation ist das Menü zunächst außerhalb des Bildschirm positioniert und wird erst bei Bedarf (also auf Useranforderung nach Klick auf eine Schaltfläche) in den sichtbaren Bereich „hineingeschoben“.

See the Pen Off-canvas navigation (CSS only) by Oliver (@reap705) on CodePen.

Mein Beispiel benötigt kein Javascript und basiert komplett auf CSS. Es ist optimal geeignet umfangreiche Navigationsstrukturen darzustellen, da die Untermenüs ebenfalls erst auf Knopfdruck geöffnet werden.

Der Code darf wie gewohnt privat wie gewerblich ohne Einschränkungen genutzt, verändert oder weitergegeben werden. Viel Spaß damit.