{"id":2265,"date":"2021-01-19T16:12:03","date_gmt":"2021-01-19T16:12:03","guid":{"rendered":"https:\/\/grooni.com\/docs\/groovy-menu\/?page_id=2265"},"modified":"2022-06-06T18:12:08","modified_gmt":"2022-06-06T18:12:08","slug":"how-to-add-mega-menu-in-elementor-pro","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/groovy-menu\/faq\/how-to-add-mega-menu-in-elementor-pro\/","title":{"rendered":"How to add mega menu in Elementor Pro"},"content":{"rendered":"

If you have Elementor Pro, then the best way to integrate Groovy menu directly through the Header Builder. If you have Elementor Free please follow this article<\/a> <\/span><\/p>\n

Step 1 <\/strong>– Check that you have no active activations in Groovy Menu > Integration<\/code> section<\/span><\/figure>\n
\"\"<\/figure>\n
<\/figure>\n
<\/figure>\n

Please note<\/strong> at fact that example above has a notice that for your theme Groovy menu found a child theme for integration.<\/p>\n

As you have Elementor Pro, you can add the menu both through the installation of the child theme and through the Elementor Header Builder. In the last case you give more flexibility over your header design.<\/p>\n

Is important to use only one integration method! If you decide to use the Elementor Builder then check that you don’t have active child theme with Groovy menu here Appearance> Themes<\/code><\/p>\n\n\n

<\/figure>\n
Step 2<\/strong> – Under Templates > Theme Builder > Header > Add New<\/code> from the dropdown select Header and click Create Template. Or add Groovy menu in existing template<\/span><\/figure>\n
\"\"<\/figure>\n\n\n\n
Step 3<\/strong> – Add Groovy Menu module<\/figure>\n
\"\"<\/figure>\n\n\n\n
Step 4<\/strong> – Set full content width with no gap for columns<\/figure>\n
\"\"<\/figure>\n\n\n\n