If you have a large amount of content on your site which you need to provide access to in your main navigation menu, this can become quite overwhelming to site visitors as they hover over your menu and a million drop downs appear, grouping your content can be quite a challenge. One way to overcome this is by providing visual cues such as icons and graphics but most themes do not provide this functionality out of the box.

To help with this, enter “Mega Menus” which is a bit of a marketing term but describes a menu which when hovered over, provides a large amount of links to the various parts of your site. What sort of sites make good use of these ? One type of site springs to mind – eCommerce sites, these sites typically have many product categories and maybe sub-categories so a Mega Menu is perfect for them. To see an example in use, then look at the eCommerce pioneers Amazon who employ one on their site:

Amazon Mega Menu Example

You can view further example in this post “25 examples of Mega Menus” to give you more ideas of their usage. Along with the benefits to site visitors they are also good for search engines as you can highlight the important sections of your site and direct them to it via regular HTML links contained in the menu.

In this post I’m going to take a look at the Suppamenu plugin which is available for $16 from Codecanyon which will help you create a WordPress Mega Menu.

2

Download SuppaMenu »

Create a Menu

After you have uploaded and activated the plugin, you can begin creating a menu as you would normally but you will see some extra options such as a skin drop down down for the menu you create which allows you to pick from some set styles.

WordPress Menu Creation

You will see the menu now has some extra options now, added by the plugin so you can choose which type of menu to create – Drop down, Mega Links, Recent Posts, Mega Posts and you can also choose to use the menu as a search form, social media or a WooCommerce cart which are great options to have.

Menu Options

Every link you add to the menu also has some options which are – show link to logged in / out users, position, use icon only, you can upload an icon or choose a font-awesome icon:

Link Options

Choose a font awesome icon for each link in your menu :

Fontawesome Icon

You can visit your site to see the menu in action :

WordPress Mega Menu

Resize your window and you will see the menu is responsive:

Responsive Mega Menu

Configure Options

This plugin adds its own menu where you can configure many settings to get the menu looking just how you want it – there are a number of pre-configured skins to choose from or you can create your own and save its settings :

Plugin Settings

Under the main “Settings” section you can set jQuery options, resposive options, whether to make it a sticky menu, upload a logo and so on.

Under “Menu Style” you can create your own color schemes, add borders, rounded corners, choose fonts and so on :

Menu Styles

You also have options for the responsive styling, icon styles and a section for any custom CSS.

Conclusion

There you have it – a nice and easy to use plugin which will allow you to create highly customizable menus for your site with a lot of content which needs organizing. The initial menu creation will probably take quite a while to get looking how you want it as the process of choosing icons and styles for each item is slower than creating a regular menu but the large amount of customization available with this plugin will help you to create an attractive and functional menu.

Take a look if you’re looking for a solid plugin to handle larger WordPress menus.

Download SuppaMenu »


Author:

Oliver Dale is the founder of Kooc Media, An Internet Company based in Manchester, UK. I founded WPLift and ThemeFurnace, find out more on my Personal Blog. Thanks!

Siteground Hosting
Does WPLift load fast for you? That’s because we use Siteground for hosting, WPLift readers can click here to get up to 60% off hosting for your site.

Disclosure: This page may contain affiliate links for which we will receive compensation if a purchase is made.

1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 3.00 out of 5)
Leave Yours +

5 Comments

  1. Sabri Taieb

    Thank you for this awesome review :)

  2. Chris McCoy

    havent tried this one yet, i been using ubermenu mainly

  3. This plugin is great we have used it a few times for exactly this purpose. I think it makes the layout a lot easier to understand and browse through.

  4. Thanks for sharing Oliver! One of these Mega Menu’s will look great on my electronics website and save my customers a lot of time!

  • Comments are Closed

Our Sponsors

SEND ME FREE WORDPRESS STUFF!

Join our Newsletter to Receive 6 Free WordPress Themes

We will also send you our weekly Newsletter packed with the Latest WordPress Content.

We will look after your email & Never Spam!

You have Successfully Subscribed!