Mega Menu / Site Header
Pill-shaped or full header with an item that opens the products panel, search and languages
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
Good to know. It's a header: as soon as you insert it, it sticks to the top of the page. The other examples keep it in the page flow.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
A light pill for a tour operator
Pill-shaped bar in the page flow with the OLOtour logo, items in English and a single “mega” item (Experiences) that opens the panel with the products; outlined button.
03
Full-width dark bar, white logo
Full-width bar (“full” style) on a night background, white OLObooking logo, light items, solid blue button, no languages or featured link.
04
A real estate agency, boxy and minimal
Pill with a low radius and medium shadow: just logo, items and button, with no search, languages or featured link.
05
In glass over a museum photo
The semi-transparent bar blurs the photo passing beneath it (Background blur); narrow maximum width, search and languages on the right.
