Help Guide

Mega Menu: How to add, edit and customize

A megamenu provides an organized and efficient way to display a large amount of information or navigation options in a single, accessible menu.

What is a Mega Menu?

A Mega Menu is a drop-down list for a Navbar, which contains more items than a regular drop-down list. A Mega Menu allows you to have items separated into columns, images, among other elements that would not fit in a simple Navbar.

Themeasy Themes has an Exclusive Mega Menu Feature, which works as a Custom Post, and this is implemented to work with the Menus registered in your WordPress, so it is possible to add a Mega Menu linked to any item in the Navbar in an easy and flexible way.

You can customize the Mega Menu content with Elementor and add any widget, which makes it even more valuable. 

If you have imported the Demo Data many ready-made Mega Menus will already be available in the list, leaving you to edit where they should be displayed and customize the content.

Adding/Editing a Mega Menu

1

Go to Mega Menu

From WordPress Panel, go to Your Theme » Mega Menu.

2

Add or Edit

To add a new Mega Menu, click on the Add New button, or click on the Edit button in the list of registered items to edit.

3

Edit With Elementor

Choose the Mega Menu you want to customize and click Edit with Elementor.

Setting a Mega Menu to a Navbar/Menu

1

Go to Menus

From WordPress Panel, go to Appearance » Menus.

2

Enable CSS Option

In the upper right corner of the screen, expand the "Screen Options". Check the option CSS Classes.

3

Select a Menu

At the top of the page under "Select a menu to edit" select one of your Menus and click on the Select button.

If this option does not appear, it is because you do not have a menu created yet.

4

Set a Mega Menu

Where it says "Menu structure", expand the Menu Item you want to relate a Mega Menu. You will see a Mega Menus dropdown list. Select the desired Mega Menu.

If this option does not appear, it is because you do not have a menu created yet.

In the CSS Classes Field type has-megamenu

5

Save Changes

Click on the Save Menu button to save the changes.

Categories

Help Guide

Tags

Content

Leave a Reply

Your email address will not be published.