Mobile Bar
Leiste fürs Smartphone mit Logo, Lupe und animiertem Hamburger, der das Website-Menü öffnet
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
Gut zu wissen. Sie ist nur in Smartphone-Breite sichtbar: Verkleinere das Fenster, um sie auszuprobieren.
01
Frisch eingefügt
So sieht sie aus, sobald du sie der Seite hinzufügst, vor jeder Änderung.
02
Blaue Leiste mit weißem Logo
Die Smartphone-Leiste mit dem weißen OLObooking-Logo, Lupe und „Squeeze“-Hamburger; das Menüpanel öffnet sich per Tipp. Der Breakpoint ist auf 1400 px angehoben, damit die Leiste auch am Computer zu sehen ist (standardmäßig erscheint sie unter 1024 px). Tippe auf den Hamburger: Das Panel mit dem „Business Menu“ fährt unter der Leiste herunter.
03
Hell, hoch, mit neun Punkten
Helle Leiste, 68 px hoch, mit dem farbigen OLOtour-Logo, Hamburger als Punktraster und Lupe in der Primärfarbe, ohne Schatten, aber mit einer feinen Linie darunter. Breakpoint bei 1400 px, um sie am Desktop anzuzeigen. Das Panel enthält das dreistufige Menü „Mega Demo“, dessen Untermenüs sich als Akkordeon öffnen.
04
Rot, reduziert, ohne Suche
Nur ein weißes Logo und ein minimaler Hamburger mit zwei Linien auf einer roten Leiste mit tiefem Schatten, in einer schmalen Spalte wie ein Smartphone-Bildschirm. Breakpoint bei 1400 px, um sie am Desktop anzuzeigen.
