Features Mega menu
PRO FEATUREA WordPress mega menu that also works on phones
Build multi-column dropdowns with links and widgets for desktop visitors. On phones, the same menu becomes a clean slide-in menu, so there's only one menu to keep up to date.
See Pro plans From $49 a year · 14-day refund policy
The same menu on a phone
You don't build a second menu for mobile. The mega menu columns stack inside the slide-in menu, under the item they belong to.
- One menu to maintainAdd a page to the menu once and it shows up on desktop and mobile.
- Every mobile menu setting still appliesButton animations, slide direction, colours and breakpoints work as usual.
Build it on a grid
Add rows, set each column's width in twelfths, then fill the columns with links and widgets. The live preview updates as you go.
What goes in a column
- Menu linksAny item from your WordPress menu, with its icon if you've set one.
- WordPress widgetsText, Image, Gallery, Search, Recent Posts, Categories and the rest of your widgets.
How it looks
- PanelWidth in pixels or percent, padding, and a background colour or image.
- ColumnsPadding, background and text colour, each with its own hover colour.
How it behaves
- Dropdown effectsFade, Fade up, Slide down or Slide up, at the speed you choose.
- Hover or clickOpen dropdowns on hover or on click, and hide the menu bar on scroll if you like.
Set it up in three steps
- 1
Show the menu on desktop
Tick Desktop in the devices your menu shows on, and enter your theme menu's selector so the old one hides.
- 2
Turn on a mega menu
Under Desktop Menu, then Mega Menu Setup, switch it on for a top-level item such as Services.
- 3
Add columns and content
Open the builder, add rows and columns, drop in links and widgets, then save.
Mega menu questions
Is the mega menu in the free plugin?
No. The desktop menu and mega menu are part of Responsive Menu Pro, on every plan from $49 a year. The free plugin builds the mobile menu.
What happens to the mega menu on phones?
The same menu turns into your slide-in mobile menu. The mega menu columns stack one under the other inside it, so you only build and maintain one menu.
What can I put in a mega menu column?
Links from your WordPress menu and any WordPress widget, such as Text, Image, Gallery, Search, Recent Posts or Categories. Each column can mix links and widgets.
Does it work with Elementor?
Yes. Pro adds a Responsive Menu widget to Elementor, so you can place the menu in an Elementor header and style it in the Responsive Menu editor.
Will it replace my theme's menu?
Yes. Enter your theme menu's CSS selector under "Hide original menu" and visitors only see the new one, or attach the menu to a theme menu location.
Can I have more than one mega menu?
Yes. You switch the mega menu on per top-level item, and each one gets its own rows, columns and colours.
Read more: Desktop menu guide · WordPress mega menu: complete guide · Responsive Menu vs Max Mega Menu