Mega Menu

Create a large menu split into multiple columns.

⚠️ Requires: ACF Pro and Theme Support h-mega-menu

Features

1. No custom walker. The mega menu can be echoed using the native wp_nav_menu().

2. Shortcode now works inside menu items. This means you can easily insert any content into the menu.

3. Everything is just a standard WP Menu with a bit of ACF fields.

   

4. Choose between 2, 3, or 4 columns.

   

5. Child items become a "Column" and you can change its background color.

   

6. Grandchild items can have Descriptions, Icons, and Images. If you choose to use image, it will make the item non-clickable.

   

How to Render

With Widget

If you're using our Header Builder, render it with "Navigation Menu" widget.

With Code

If you're not using our Header Builder, simply render it with WordPress built-in function:

wp_nav_menu([ 'menu' => 'Main Menu' ]);

Styles and Scripts

This plugin doesn't provide any frontend CSS or JS because it's intended to be used alongside Edje Theme.

If you want to use another theme, refer to these CSS, JS, and HTML markup: https://gist.github.com/hrsetyono/a2483b8e52297f08d92747b0ca2e0f26