How to add WordPress mega menu – 2020


Kadirul islam

On June 2, 2020

Do you want to add a mega menu to your WordPress site? In this article, I will show you how you can easily add a mega menu to your WordPress site. 

Mega Menus help you to add multiple columns in the drop-down menus to your navigation with rich media such as images and videos. 

Why you Should Add Mega Menu in WordPress?

Mega Menus are helpful for websites with a lot of content. This allows you to show more items in the top menu of your website.

Many popular websites use mega menus to display highly engaging and interactive navigation menus. For eg:- Reuters, Buzzfeed, Starbucks, etc. 

The default WordPress navigation menus allow you to add drop-down sub-menus and you can also add image icons next to each item, but in some cases, you just need a mega menu.

Adding a Mega Menu in WordPress

In this case I used wordpress default Twenty Twenty in my site, but you can use any theme as you want.

01.First, you need to do is install the plugin called Max Mega Menu” and activate it. It is the best mega menu WordPress plugin available in the market and it is free. 

Max Mega Menu

02. After install and activation, the plugin will add a new menu item, Mega Menu, to the admin menu of your WordPress Website. Clicking on it will take you to the plugin’s Settings page.

Select Max Mega Menu

03. The default settings will work for most websites. Here, you can also change the menu colors, according to your WordPress theme’s navigation menu container.

04. All you have to do is to find out the colors used in your theme, you can do it by using the Inspect tool in your browser or if you already have the color code, you can have with you in notepad to use.

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

Max mega menu - menu bar

06. Now replace the background color of the Mega menu, according to your theme’s navigation menu container. Then click on the Save button to save your changes.

Change background colour

Create Mega Menu

01. First, you need to go to the Appearance » Menus page and then add top-level items to your navigation. 

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

Enable wordpress mega menu

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

04. Click on that button. Here you can select the number of columns you want to your mega menu and add any WordPress widget.

Select wordpress mega menu style

05. To edit the widget settings, click on the wrench icon on a widget. Then click on the Save Changes button to save your changes.

06. After making all the changes, now you can visit your website to see the mega menu in action.

I am using 2 column for my site, to make it looks better. But you can use as you prefer.

I hope you find this article helpful and you learn how to add a mega menu in your WordPress website. 

If you find this article useful, do consider sharing it on Facebook, Twitter, and Whatsapp with your groups and friends.

Thank me ❤️ by sharing this article.

You may also read:


Recent Blogs