Beginner's Guide for WordPress / Start your WordPress Blog in minutes

How to Add a Mega Menu on Your WordPress Site (Step by Step)

Recently one of our readers asked if it’s possible to add a mega menu to your WordPress site? Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos. In this article, we will show you how to easily add a mega menu to your WordPress site.

How to Add a Mega Menu in WordPress

Why and Who Should Add Mega Menu in WordPress?

Mega Menus are particularly helpful for websites with a lot of content. This allows website owners to show more items in their top menu.

Popular websites like Reuters, Buzzfeed, and Starbucks use mega menus to display highly engaging and interactive navigation menus.

Starbucks website showing a mega menu

While default WordPress navigation menus let you add drop-down sub-menus and even add image icons next to each item, sometimes you just need a mega menu.

Let’s take a look at how to easily add a mega menu to your WordPress website.

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

Adding a Mega Menu in WordPress

First thing you need to do is install and activate the Max Mega Menu plugin. It is the best free mega menu WordPress plugin available in the market. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, the plugin will add a new menu item, Mega Menu, to your WordPress admin menu. Clicking on it will take you to the plugin’s settings page.

Mega Menu settings

The default settings will work for most websites. However, you will need to change the menu colors, so they match the colors used by your WordPress theme’s navigation menu container.

To find out which colors are used in your theme, you can use the Inspect tool in your browser.

Using inspect tool to find out navigation bar colors

Once you get the color hex code, you can paste it in a text file to use later.

Next, you need to visit the mega menu settings page, click on the ‘Menu Themes’ tab and then click on ‘Menu Bar’ section.

Menu bar colors

Here you can replace the background color used by mega menu to match your theme’s navigation menu container.

Don’t forget to click on the save changes button to store your settings.

Now that we have configured the mega menu settings, let’s go ahead and create our mega menu.

First you need to visit the Appearance » Menus page and then add top level items to your navigation. For detailed instructions see our beginner’s guide on creating navigation menus in WordPress.

Next, on the Menus screen you need to enable mega menu by checking the box under ‘Max Mega Menu Settings’.

Enable mega menu

After that you need to take your mouse to a menu item, and you will see a “Mega Menu” button appear on the menu tab.

Clicking on the button will bring up a popup. Here you can add any WordPress widget to your mega menu and select the number of columns you want to display.

Adding widgets to your mega menu

You can also click on the wrench icon on a widget to edit the widget settings. Don’t forget to click on the save button to store your widget settings.

Once you are done, you can close the popup and visit your website to see the mega menu in action.

Mega menu preview

We hope this article helped you learn how to add a mega menu in WordPress. You may also want to see our guide on how to speed up WordPress and boost performance for beginners.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Reader Interactions

15 CommentsLeave a Reply

  1. I want to add pages in the mega menu. I want to delete the word Pages as the headline. could you please help me in this regard please.

    • In the menu settings, there should be the option to hide the text when you want to hide a section title like that.

      Admin

  2. How to create content on mega menu …..for example when i click on mega menu then it open the new page of content. just like we are use home contact et.

  3. How to add a megamenu on your site: install this plugin

    Come on, give an actual tutorial next time. Megamenus are totally within the realm of development.

    • While there is certainly the capacity to create a custom mega menu with code, it is difficult to have that code affect every theme and be beginner friendly. We will certainly add the code for different articles when we’re able but for now, we will continue to recommend plugins that already have the code created :)

      Admin

  4. Is MaxMegaMenu compatible with WPML for multilingualism? They refer to POT files, but WPML only lists MegaMainMenu on their website. Am looking for an optimal combination of theme, menu builder, and multilingual plugin – to avoid problems with integration, for fast loading, and for liability.
    Am comparing Avada, with MegaMainMenu, and WPML.
    Thanks for your time in any knowledgeable reply.

    • Sadly, you would need to reach out to the plugin’s support for if they are currently compatible or not.

      Admin

  5. Not helpful at all. The question is, how do you really add a post or page onto the mega menu. I dont want to add categories or widgets to the menu!!!I want to add real links to the menu

    • For specific posts or pages you would create a menu with it organized how you want and add the Navigation Menu widget to the mega menu :)

      Admin

  6. Two beginner’s questions: Does Mega Menu work with any WordPress theme?
    &
    Does Mega Menu allow for multiple mage menus?

    • It should work on most themes. If you reach out to the plugin’s support they should be able to let you know of any conflicts.
      You can have more than one mega menu if that is what you mean with your second question.

      Admin

  7. Max Mega Menu is hand down the best plugin for what it does. As a customer to the premium version let me say that it is well worth the money, and reasonably priced. The developer is very friendly and helpful too which is always a big plus.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.