Ria du PlessisLet’s start with what exactly a mega menu is, well, mega menus allow us to create more menu items at once. They take away the hassle of scrolling, hovering, and remembering the contents of your menu.
Below, we’ve added the perfect example of what a mega menu is.
Do you want to add a mega menu to your website? Well, we are here to assist you with a step-by-step guide on how to add a mega menu within your WordPress website. It’s so easy! 🙂
We have created a step-by-step guide to show you exactly what to do and how to create a mega menu.
Our step-by-step guide on how to create a mega menu
Log in to your WordPress dashboard and go to Appearances > Menus
You can now start creating your mega menu
You will create a menu with four parent links. Each of the parent links will have its own submenu links. In the example below, I added three submenu items under each of the four parent menu links.
Create an additional link to serve as your mega menu link
For the example below I’m calling this link “Features”. Drag the four parent menu links (each with their submenu links) over under the “Features” link.
Add a special “CSS class” to your mega menu
In order to make your mega menu, you have to add a special “CSS class” to the main top tier link, called “Features”. You can do that by clicking the screen options link at the top of your page and making sure that the “CSS class” option is checked, as shown below.
Finally, you need to add a CSS class to the “Features” link you just created. How do you do this? Easy, you just click the arrow on the right of the “Features” menu item. This will toggle the additional configuration options. You can then find the text box labeled “CSS Classes” and enter the class “mega-menu”.
Now when you reload your page you can see that all those previous menus have been placed in the one giant menu under this one link, the Mega Menu.
It’s so easy to create a mega menu on your website. A lot of people get scared when you talk about creating a mega menu because they think it’s complicated. Well, after reading the article, I am sure you will find the process to be so much easier than you thought. 🙂