General Overview of Divi MadMenu Settings

  1. Main Module Settings
  2. Elements Settings

1. Main Module Settings

The main module settings of Divi MadMenu are located in the same toggles as the core Divi modules' settings except that some of the Design settings toggle labels have been changed to contain the Main: prefix.

Also there are settings in the Builder Settings toggle under the Content tab which take effect in the Builder interface only to make the header design workflow easier.

2. Elements Settings

Divi MadMenu module has seven different header elements that can be enabled and disabled depending on your needs:

  1. Desktop Menu 
  2. Mobile Menu
  3. Logo
  4. Search
  5. Cart
  6. Button One
  7. Button Two

Each of the elements has its own set of content and design options which appear when the element is enabled and get hidden if its disabled.

To explore the element settings we will take the Desktop Menu as example

When the element is enabled all its settings become visible: content, design and visibility settings

Also each element has its layout settings under the Layout: General, Layout: Elements and Layout: Elements (Fixed) (if the Fixed header is enabled) toggles.

The settings under the Layout: General toggle allow aligning the elements horizontally, set the dropdown direction and set the order of the elements.

The individual element layout settings are placed under the Layout: Elements (and Layout: Elements (Fixed)) toggle. These settings allow setting the element's column width as well as align the element's content both vertically and horizontally. 

Each element's layout settings are placed under a tab labeled using the first letter of its name the following way:

  1. M: Menu elements (both Desktop and Mobile)
  2. L: Logo element
  3. S: Search element
  4. C: Cart element
  5. B1: Button One element
  6. B2: Button Two element

For example, the Desktop Menu element's layout settings are under the tab with the label M

To control each element's responsive visibility the settings under the Advanced -> Visibility toggle must be used. The visibility settings also allow selecting the elements to be hidden when the search icon is clicked and the search form shows up.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.