Mobile Bar
Barra para el teléfono con logo, lupa y hamburguesa animada que abre el menú del sitio
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
Ten en cuenta. Solo se ve con el ancho de un teléfono: reduce la ventana para probarla.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
Barra azul con logo blanco
La barra del teléfono con el logo blanco de OLObooking, lupa y hamburguesa «squeeze»; el panel del menú se abre al tocar. El breakpoint se sube a 1400 px para que la barra se vea también en el ordenador (de serie aparece por debajo de 1024 px). Toca la hamburguesa: el panel con el menú «Business Menu» baja por debajo de la barra.
03
Clara, alta, con nueve puntos
Barra clara de 68 px de alto con el logo a color de OLOtour, hamburguesa en cuadrícula de puntos y lupa en el color primario, sin sombra pero con un filete debajo. Breakpoint a 1400 px para mostrarla en el escritorio. El panel incluye el menú de tres niveles «Mega Demo», con submenús que se abren como un acordeón.
04
Rojo, esencial, sin búsqueda
Solo un logo blanco y una hamburguesa minimalista de dos líneas sobre una barra roja con una sombra profunda, en una columna estrecha como la pantalla de un teléfono. Breakpoint a 1400 px para mostrarla en el escritorio.
