{"id":470,"date":"2022-10-26T08:56:31","date_gmt":"2022-10-26T08:56:31","guid":{"rendered":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/?p=470"},"modified":"2022-10-26T09:08:00","modified_gmt":"2022-10-26T09:08:00","slug":"how-to-setup-mega-menu-dropdown","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/how-to-setup-mega-menu-dropdown\/","title":{"rendered":"How to Setup Mega-Menu Dropdown"},"content":{"rendered":"\n

Once ‘The Maxhost Extensions’ plugin is activated ‘Mega Menu’ is available in your admin area.<\/p>\n\n\n\n

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

Enable Elementor for Mega Menu (2 Steps)<\/strong><\/p>\n\n\n\n

  1. Navigate to Elementor > Settings > General<\/li>
  2. In Post Types check ‘Mega Menu Post’ box.\"mega2\"<\/li><\/ol>\n\n\n\n

    Add a new Mega Menu item (5 Steps)<\/strong><\/p>\n\n\n\n

    1. Navigate to Mega Menu > Add New<\/li>
    2. Give it a title, lets say “Mega Menu One” item. The title is not used anywhere in displaying the menu.<\/li>
    3. Click on ‘Edit with Elementor’. It will display Elementor front-end Editor. We will use this editor to build our Mega Menu item.\"mega3\"<\/li>
    4. Click on ‘+’ icon and from the elements area find ‘Ft- Mega Menu – List Items’<\/strong><\/li><\/ol>\n\n\n\n
      \"\"\/<\/figure>\n\n\n\n

      Note: Each element should be in one single column. Do not insert more than one mega menu element in one column.<\/p>\n\n\n\n

      1. In the Mega Menu elements settings popup you can fill the form by inputting your menus, URLs, images.<\/li><\/ol>\n\n\n\n
        \"mega6\"\/<\/figure>\n\n\n\n

        Adding Mega Menu item as a submenu to a top level menu item (7 Steps)<\/strong><\/p>\n\n\n\n

        1. Navigate to Appearance > Menus.<\/li>
        2. On top right corner of your screen, you will find a dropdown menu Screen Options. Click on it.<\/li>
        3. Make sure ‘Mega Menu Post’ and ‘CSS Classes’ are checked.
          \"mega7\"<\/li>
        4. Choose the Main Menu as the menu location, since only Main Menu supports Mega Menu in our theme.<\/li>
        5. Now check the Test Mega Menu item and click on Add to menu.
          \"mega8\"<\/li>
        6. Drag the Test Mega Menu item box and drop it under any existing menu as a submenu<\/li><\/ol>\n\n\n\n
          \"mega9\"<\/figure>\n\n\n\n
          1. If you want the menu as wide as you see in the theme preview, write ‘wide-menu’ in the CSS Class field of the parent menu. In this case ‘Blog’ is the parent menu of the sub Mega Menu<\/li><\/ol>\n\n\n\n
            \"mega10\"<\/figure>\n\n\n\n
            1. Now the Mega Menu is added as a submenu of Blog and it should look like this:<\/li><\/ol>\n\n\n\n
              \"mega11\"<\/figure>\n\n\n\n

              Important Note: Please do not use Mega Menu as a top level menu item or as submenu menu item beyond level 1. Do not use other menu items with Mega Menu item.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

              Once ‘The Maxhost Extensions’ plugin is activated ‘Mega Menu’ is available in your admin area. Enable Elementor for Mega Menu (2 Steps) Navigate to Elementor > Settings > General In Post Types check ‘Mega Menu Post’ box. Add a new Mega Menu item (5 Steps) Navigate to Mega Menu > Add New Give it a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts\/470"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/posts\/470\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/media?parent=470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/categories?post=470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-json\/wp\/v2\/tags?post=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}