{"id":1526,"date":"2020-06-01T19:27:09","date_gmt":"2020-06-01T19:27:09","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=1526"},"modified":"2021-02-16T11:32:18","modified_gmt":"2021-02-16T11:32:18","slug":"how-to-create-a-mega-menu-in-divi-theme-builder","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/faq\/how-to-create-a-mega-menu-in-divi-theme-builder\/","title":{"rendered":"How to create a mega menu in Divi theme builder?"},"content":{"rendered":"\n

The Groovy Mega Menu Plugin is fully compatible with the DIVI<\/strong> Theme Builder. Integration has occurred automatically immediately after you activate the plugin<\/strong>, you only need to add and configure the header for that.<\/p>\n\n\n\n

Please note: <\/strong>You do not need to choose any integration method in section Groovy Menu > Integration if you have DIVI Build.<\/div>\n\n\n

Create a header<\/h2>\n\n\n

Please navigate to DIVI > Theme Builder<\/code>. Then please click on Add global header <\/code><\/p>\n\n\n\n

\"How<\/figure>\n\n\n\n
<\/div>\n\n\n

Then Build a global header > Build from scratch > Start Building > Insert Row <\/code><\/p>\n\n\n

\"\"<\/figure>\n\n\n

Depending on the selected Row type i.e. Fullwidth<\/strong> or Regular<\/strong>, the appropriate module will be available to \u0441hoise.<\/p>\n

<\/p>\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n

Groovy Menu Regular module  (Boxed)<\/p>\n

<\/p>\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

or Groovy menu Fullwidth module <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n

Then you can configure the module properties. Add paddings, set the width and others<\/p>\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

After that you can start building the mega menu block<\/p>\n

You can add elements such as mega menu:<\/strong> Accordeon, Counters, Blog posts, Buttons, Images, Call to Action, Custom code, Contact form, Map, Login area, Member Area, Slider, Shop posts, Video, Tabs and others <\/p>\n\n\n\n

<\/div>\n\n\n

How to enable Mega Menu Blocks in your Page Builder<\/h2>\n

Step 1<\/strong> \u2013 Go to the Divi > Theme Options > Builder <\/em><\/p>\n

Step 2<\/strong> \u2013 Please click the toggle of “Menu blocks”<\/em> to enable the Divi Builder on it. <\/p>\n

Step 3<\/strong> \u2013 Then click the \u2018Save Changes<\/em>\u2019 button.<\/p>\n

Artcile from Groovy Menu FAQ – How to enable Mega Menu Blocks in your Page Builder<\/p>\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n

<\/p>\n

Learn mode from video tutorial<\/strong><\/h4>\n