Skip to content

Mega Menu Builder

Access the Mega Menu Section

Log in to your WordPress Admin Panel.

In the sidebar, locate and click on Mega Menu. This section is where you will manage all your mega menus.

Mega Menu Builder

If you haven’t created a mega menu yet, click on Add New to start the creation process.

Mega Menu Builder

Creating and Naming Your Mega Menu

  • After clicking Add New, you’ll be asked to enter a name for your mega menu. Choose a name that makes sense and helps you identify the menu later (e.g., “Main Navigation” or “Footer Menu”).
  • Once you’ve named your menu, click Publish to save your work.
  • Your new mega menu is now created, but it’s not yet designed. To design it, you’ll need to open the Elementor editor.

Click on the “Edit in Elementor” button.

This will open the Elementor editor, where you can design your mega menu.

Mega Menu Builder

Editing Your Mega Menu in Elementor

Kata Elements: These are pre-designed widgets that you can drag and drop into your menu layout. You can use elements such as images, text, buttons, icons, and more to build your mega menu.

Styler: The Styler allows you to customize the look of your mega menu, such as adjusting typography, colors, padding, and margins. You can apply these styles to individual elements or to the whole menu for a cohesive design.

As you design, preview the changes in real-time. Once satisfied with the layout, click Update to save your changes.

Mega Menu Builder

Enabling the Mega Menu Box in the Menu Settings

Now that your mega menu is designed, the next step is to make sure it appears in your WordPress menu settings.

  • Go to the WordPress Dashboard and navigate to Appearance > Menus.
  • On the top-right corner of the page, click on Screen Options.
  • In the dropdown that appears, check the box for Mega Menu. This will enable the Mega Menu box on the left side of the page.
Mega Menu Builder

In most cases, the Mega Menu box will be enabled by default. However, it’s always good to double-check this setting.

Mega Menu Builder

Adding Your Mega Menu to a Navigation Menu

Once your mega menu is designed and the Mega Menu box is visible, you can add it to your website’s main navigation menu.

  • In the Menu Structure section, look for the Add Menu Items area.
  • Find the mega menu you created earlier. It should be listed under Mega Menus.
  • Click on your Mega Menu and then click on Add to Menu. This will add the mega menu as a top-level item in your navigation menu.
  • After adding the mega menu, click Save Menu to apply the changes.
Mega Menu Builder

Conclusion

The Kata Mega Menu Builder offers a simple yet powerful way to design a custom mega menu using Elementor and Styler. With a few straightforward steps, you can create a visually engaging and user-friendly navigation experience for your website visitors.

Share this article:

Kata WordPress Theme Helpdesk

Need Assistance? We can help!

Our responsive customer support team boasts a high customer satisfaction rating. Should you have any issues with the plugin, do not hesitate to contact us and remember we are always here to help.