Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageBricks Mega Menu Flat
Flat, editorial mega menu header, as a plain, fully editable Bricks tree: header > container > optional utility row (availability, phone, brochures, sign in) > bar (brand, nav with Destinations, Journeys and Stays panels p…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Bricks Mega Menu Flat reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Footers and headers
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 20
Set on the section, in Bricks’ attributes panel. No code needed.
data-themedata-accentaccent token for numbers, underlines, kickers and the CTA hover
data-typeeditorial serif or sans headings in panels, brand and demo
data-positiondefault static so it never overlaps other sections
data-utilitytop utility row with availability, phone and secondary links
data-aligndesktop nav placement
data-triggerhow panels open on desktop (click and keyboard always work)
data-close-delayms · hover intent
data-revealcurtain grows the band from the bar and adapts its height between panels
data-staggerms · delay between panel columns
data-durationms · and
data-easingor any cubic-bezier
data-ruleshairlines between panel columns
data-featurefeature column in panels
data-shadowflat band or a soft shadow under it
data-radiusCTA and chip corners
data-overlaydims the page below the band
data-ctaand
data-scroll-lockfor the phone sheet
data-demodemo hero below the bar for previews
Component props 2
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
labelIceland
url#
showTagFalse
tagNew
showNoteFalse
noteFire, ice and long summer light
showImageTrue
imagehttps://images.unsplash.com/photo-1493976040374-85c8e12f0c0e?w=720
imageAltA quiet lantern-lit lane in Kyoto with a five-storey pagoda behind
ratioportrait
showKickerTrue
kickerJourney of the month
titleKyoto, slowly
showTextTrue
textTwelve days of small inns, temple mornings and unhurried trains.
linkLabelSee the journey
url#
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
