☰

Mega Menu BuilderChanges saved locally

Add element

Select a column, then add an element. Drag blocks to reorder them.

Layout

Each row uses a 12-column grid. Add up to 3 rows.

0rows

0columns

Navigation layout

Build up to three rows. Click a block to edit or drag to reorder.

12-column grid per row

Live preview

TabletMax widthColumnsInner grid

MobileMax widthColumnsInner grid

Properties

Select a column or element to edit its settings.

Export HTML + CSS

Self-contained markup with the desktop grid, mobile layout, and your custom CSS.

Additional CSS

Add rules after the generated layout and typography CSS.

Title & link styles

Overall menu padding

Set CSS padding for the whole mega menu at each breakpoint. Use values such as 24px or 16px 24px.

Import existing menu

Paste HTML from this builder or a standard nested navigation menu. Builder exports restore every setting; ordinary <nav> and <ul> menus are converted into editable columns and lists.