Skip to main content

Mega Menu Settings

Mega Menu Settings

Introduction​

This document provides instructions for configuring the Mega Menu settings on your website. The Mega Menu enhances navigation by displaying a large panel containing a Divi layout that can showcase multiple options at once.

General Settings​

Navigate to your WordPress Dashboard > Divi Engine > Divi Mega Menu Settings to open the General Settings.

Mega Menu general settings

Select whether you are the using default Divi header or a custom header created in Divi Theme Builder.

Mega Menu Method​

Currently, there is only a default method for creating a Mega Menu. Additional methods may be introduced in the future.

Desktop Header Fixed​

If you are using Divi 4 custom headers and wish to have a fixed header on desktop during scroll, check this box.

Stop Click Through​

To prevent customers from clicking on parent menu items and navigating away, check this box.

Enable Background Overlay​

To customize the overlay color behind the Mega Menu, click the Select Color box and choose the desired color.

Set the maximum height of the menu when the browser height is insufficient. A scroll bar will appear when the content exceeds this height. It needs to be in the VH unit.

Delete all settings when the plugin is removed​

If you want to remove all settings associated with this plugin upon its removal, set this option to 'YES'.

Delete all mega menus when the plugin is removed​

To remove all the mega menus created with this plugin upon its removal, set this option to 'YES'.

Mobile Settings​

Within the Mega Menu Settings page, click on the Mobile Settings tab.

Mega Menu mobile settings

Disable on Mobile​

Toggle to 'YES' if you want to hide Mega Menu on mobile.

Mobile Menu Breakpoint​

Specify the screen width (in pixels) at which your Mega Menu should activate.

Fixed Mobile Menu​

If you are using a fixed menu on mobile devices, check this box.

Stop Click Through​

Check this if you do not want customers to click on the parent menu item on mobile devices. The Mega Menu opens when the arrow icon is tapped.

Specify Mobile Menu ID​

If you are using multiple menus with the Divi theme builder, input the custom ID for the Mega Menu you wish to use. For further help on this, contact support.

Changes and Defaults​

After adjusting your settings, click Save Changes to apply them. If you need to revert to the original settings, click Reset to Defaults.

Last updated on