Web Hosting

Step By Step Guide to Add Mega Menu to Your WordPress3 min read

Many people have a question whether they can add mega menu to their website or not? You can simply add dropdown menus with multiple columns to ease your navigation using rich media like videos and images. Here, we are just going to learn how to position mega menu to your site and why to do this.

For maintenance purpose, you may also want to force log off all your WordPress users. Read our detailed guide to know more.

Why Mega Menu?

There are different reasons to add Mega Menus to your WordPress site. For websites having plenty of content, Mega Menus are very handy. This way, more items can be displayed on the top menu by the website owners.

You may also like Real Homes, the #1 Bestselling WordPress theme for real estate websites.

Mega menus are used by several popular websites like Starbucks, Reuters, etc. to showcase very intuitive and engaging menus for easy and quick navigation.  You can add sub-menus with default navigation menus and also add image icons to describe every item. Here are some of the easy steps to add mega menu to your site.

Steps to Add Mega Menu in WordPress Site

First of all, you have to install Max Mega Menu and turn this plugin on. It is one of the best mega menu plugins for WordPress out there.

  • Once plugin is turned on, you can easily add a new item to your admin menu in WordPress.
  • Once you click on the menu item, it will simply take you to the settings page. In most websites, default settings will work. But you can change the menu colors and help them match the colors used by navigation menu container in your WordPress theme.
  • Your browser has Inspect tool. You can use it to see the colors used in the theme.
  • Simply paste the hex code of the particular color in a text file and use it where you need.
  • Go to “Menu Bar” section under “menu themes” tab to visit settings page under it.
  • Now you can change the default background color and use your own to match the navigation menu of your theme.
  • Click on “Save Changes” to store settings.

So, the mega menu settings have been configured. It’s time to create your own mega menu.

First of all, go to navigation and add top level items under Appearance > Menus page. Now enable mega menu under the Menus and check the box ahead of “Max Mega Menu” settings.

Hover over the mouse to the menu and it will show up the “Mega Menu” button on the tab of menu. It will open a popup if you click on it. Add any widget you like to your mega menu and choose as many columns as you like.

You can also edit widget settings by clicking the wrench icon on the widget. Be sure to click “Save” to save changes on widget settings.

Close the popup once done. See your website to notice changes on the mega menu.

Are you looking for hotel bookings and appointments plugin for WordPress? You may also like Webba Booking.

 

(Visited 5 times, 1 visits today)

Leave a Reply