Skip to content

Black Friday 2026Pro Unlimited Lifetime: €299€99 once.

Ends in —d —h —m —s

See the deal
C-195Component

Bricksed Mega Menu Pro

A complete header + mega menu built as one wrapper component with nested components, where every layout, design and behaviour option is a prop. Structure: section > "Mega Menu Pro" (wrapper) whose "items" slot holds "Nav…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

All photos and visual assets used in this preview are sourced from Unsplash.

The system behind it

One pattern, your whole brand.

Bricksed Mega Menu Pro 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
Component
Category
Navigation
Responsive
Desktop to phone
Works with
Bricks, ACSS, plain CSS

Component props 8

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Mega Menu Pro1 in this pattern · 60 props
PropTypeDefault
showLogo
true / false

False

logo
text

empty

logoAlt
text

Northwind

logoSize
text

m

showMark
true / false

True

showBrandName
true / false

True

brandName
text

Northwind

homeUrl
text

/

layout
text

inline

navAlign
text

center

width
text

content

height
text

regular

style
text

solid

theme
text

light

accent
text

primary

divider
true / false

True

position
text

static

onScroll
text

stay

transparentTop
true / false

False

scrolledShadow
true / false

True

trigger
text

hover

openDelay
number

60

closeDelay
number

220

safeZone
true / false

True

dropdownStyle
text

morph

animation
text

slide

duration
number

340

easing
text

smooth

itemHover
text

pill

showChevrons
true / false

True

showCaret
true / false

True

dropdownGap
number

10

backdrop
text

none

flyoutSubmenus
true / false

True

closeOnLinkClick
true / false

True

editorOpen
text

none

breakpoint
number

992

mobileStyle
text

drawer

drawerSide
text

end

submenuMode
text

accordion

multiOpen
true / false

False

backButton
text

both

backLabel
text

Back

swipeToClose
true / false

True

scrollLock
true / false

True

toggleStyle
text

lines

menuLabel
text

Menu

showMobileCta
true / false

True

showCta
true / false

True

ctaLabel
text

Get started

ctaUrl
text

#start

ctaStyle
text

solid

ctaIcon
true / false

True

showSecondary
true / false

True

secondaryLabel
text

Sign in

secondaryUrl
text

#signin

showSearch
true / false

True

searchPlaceholder
text

Search the site

searchAction
text

/

navLabel
text

Main

Mega Nav Item6 in this pattern · 24 props
PropTypeDefault
type
text

mega

label
text

Products

url
text

#

target
text

_self

showIcon
true / false

False

icon
text

sparkles

showBadge
true / false

False

badge
text

New

badgeTone
text

accent

highlight
text

none

panelWidth
text

auto

panelAlign
text

center

columns
text

3

showIntro
true / false

False

introPosition
text

side

introTitle
text

Everything you need to ship

introText
text

Design, build and grow from one calm workspace.

showIntroCta
true / false

True

introCtaLabel
text

Explore the platform

introCtaUrl
text

#

showFooter
true / false

False

footerText
text

New: shared design tokens across every site.

footerLinkLabel
text

See what is new

footerUrl
text

#

Mega Column8 in this pattern · 5 props
PropTypeDefault
showTitle
true / false

True

title
text

Build

span
text

1

style
text

plain

linkColumns
text

1

Mega Link20 in this pattern · 12 props
PropTypeDefault
label
text

Visual builder

url
text

#

target
text

_self

showDescription
true / false

True

description
text

Design pages on a live canvas

showIcon
true / false

True

icon
text

layout

iconStyle
text

tile

showBadge
true / false

False

badge
text

New

badgeTone
text

accent

showArrow
true / false

True

Mega Feature2 in this pattern · 13 props
PropTypeDefault
style
text

card

tone
text

default

span
text

1

showImage
true / false

True

image
text

https://images.unsplash.com/photo-1541462608143-67571c6738dd?w=720

imageAlt
text

Desk with wireframes, a keyboard and coffee

showEyebrow
true / false

True

eyebrow
text

What is new

title
text

Version 4.2: shared design tokens

showText
true / false

True

text
text

One palette for every site. Change a token and forty pages follow.

linkLabel
text

Read the release

url
text

#

Mega Gallery1 in this pattern · 4 props
PropTypeDefault
showTitle
true / false

True

title
text

Made with Northwind

columns
text

4

ratio
text

landscape

Mega Tile4 in this pattern · 5 props
PropTypeDefault
image
text

https://images.unsplash.com/photo-1497366216548-37526070297c?w=480

imageAlt
text

Bright studio with long tables

showLabel
true / false

True

label
text

Studio Arc

url
text

#

Mega Sub Item7 in this pattern · 7 props
PropTypeDefault
label
text

About us

url
text

#

showDescription
true / false

False

description
text

Our story and values

showIcon
true / false

False

icon
text

building

hasSubmenu
true / false

False

Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.bricksed.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan