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.
What is a mega menu?
Mega menus (sometimes spelled “megamenus”) are a type of expandable menu in which many choices are displayed in a two-dimensional dropdown layout. They are an excellent design choice for accommodating a large number of options or for revealing lower-level site pages at a glance.
How do I use mega menu in WordPress?
- Go to Dashboard > Plugins > Add New, then search WP Mega Menu and click Install Now.
- Upload ‘wp-megamenu’ to the ‘/wp-content/plugins/’ directory.
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- Click on the new menu item “WP Mega Menu” and setup your settings.
Where is the mega menu in WordPress?
To enable mega menu functionality, go to Appearance → Menus in your WordPress dashboard.
Should I use mega menu?
When to Use a Mega Menu
- When Users Are Expecting One. If your site is a retail site, then users will be accustomed to seeing mega menus and using them to navigate the departments of the store. …
- When a Drop-Down Menu Would Be Too Large. …
- When the Design of the Menu Enhances the Site.
Are mega menus bad?
Unfortunately, mega menus don’t work this way. They display too many irrelevant items at once, which creates a lot of visual distractions.
How do I make my own mega menu?
III. Set the Menu elements
- Go to Dashboard -> Appearance -> Menus.
- Hover over the menu items, WP Mega Menu will appear, click on it.
- Set the mega menu option to yes.
- Click on the Add row button to add rows and columns.
- Choose a menu theme from the left side.
How do I customize the mega menu in WordPress?
Go to Appearance -> Customize -> Menus and select the menu, which you have set to the “Main menu” location. Select a top level menu item and click on the button in the bottom left corner called “Mega Menu”.
How do I make my mega menu max width full?
To change the width of your menu you can add the following CSS to your menu theme by going to Mega Menu > Menu Themes > Custom CSS. Make sure you use “max-width” and not “width” to ensure the menu remains responsive.
How do I get rid of mega menu in WordPress?
Go to Mega Menu > Menu Themes > Mobile Menu and enable the “Disable Mobile Toggle Bar” option.
What is Max Mega Menu?
Max Mega Menu is a complete menu management plugin, perfect for taking control of your existing menu and turning it into a user-friendly, accessible and touch ready menu with just a few clicks.
How do I add pictures to my mega menu?
Make sure the “Sub menu display mode” is set to “Mega Menu”, then select “Image” from the widget selector: A new image widget will be added to the sub menu. You can edit the widget settings by clicking on the spanner icon.