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.
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.
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
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.
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.
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.
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’.
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.
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.
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.
Ghazal Ba khadher says
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.
WPBeginner Support says
In the menu settings, there should be the option to hide the text when you want to hide a section title like that.
Admin
taufeeq khan says
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.
WPBeginner Support says
For what it sounds like you’re wanting, you would want to take a look at our article below:
https://www.wpbeginner.com/wp-tutorials/how-to-redirect-users-to-a-random-post-in-wordpress/
Admin
Hart says
Thanks a lot this is really helpful.
WPBeginner Support says
Glad our guide was helpful
Admin
Anon says
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.
WPBeginner Support says
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
Ben says
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.
WPBeginner Support says
Sadly, you would need to reach out to the plugin’s support for if they are currently compatible or not.
Admin
Abel says
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
WPBeginner Support says
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
Jay says
Two beginner’s questions: Does Mega Menu work with any WordPress theme?
&
Does Mega Menu allow for multiple mage menus?
WPBeginner Support says
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
Nick says
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.