{"id":50,"date":"2018-01-14T07:33:10","date_gmt":"2018-01-14T07:33:10","guid":{"rendered":"http:\/\/www.getyourquotes.com\/user-two\/wordpress\/?p=50"},"modified":"2018-01-14T07:33:10","modified_gmt":"2018-01-14T07:33:10","slug":"how-to-setup-mega-menu-dropdown-multi-column-dropdown","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/blog\/how-to-setup-mega-menu-dropdown-multi-column-dropdown\/","title":{"rendered":"How to Setup Mega-Menu Dropdown \/ Multi-Column Dropdown"},"content":{"rendered":"

Step 1:\u00a0<\/strong>Once The Pantograph Extensions plugin is activated Mega Menu is available in your admin panel dashboard.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

Step 2: Enable WPBakery for Mega Menu<\/strong><\/p>\n

1. Navigate to WPBakery > Role Manager
\n2. In Post Types choose \u2018Custom\u2019 and then make sure mega_menu is checked.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

Step 3: Add a new Mega Menu item<\/strong><\/p>\n

1. Navigate to Mega Menu > Add New
\n2. Give it a title, lets say “Mega Menu One” item. The title is not used anywhere in displaying the menu.
\n3. Click on Backend Editor. It will display WPBakery Backend Editor. We will use this back end editor to build our Mega Menu item.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

4. Click on \u2018Add Element\u2019 and from the elements popup choose \u2018Category For Mega Menu\u2019 or \u2018Tab Mega Menu\u2019<\/p>\n

 <\/p>\n

\"\"<\/p>\n

5. For ‘Category for Mega Menu’ element’s settings popup choose a category, then click on ‘Save Changes’ button and finally click on ‘Publish’ button.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

6. For ‘Tab Mega Menu’ element’s settings popup you need to fill the Tab name and select a category, then click on ‘Save Changes’ button and finally click on ‘Publish’ button.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

7. Now create a menu from the Appearence>Menus and click on Screen Options to expand the options. And check the Mega Menu and CSS Classes item.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

8. Now you see the Mega Menu on the left side; you can select this mega menu item and click on the Add to Menu button. Drag the mega menu item and use it as a child menu for a parent menu. In the parent menu need to expand and add css class ‘dropdown megamenu’<\/p>\n

 <\/p>\n

\"\"<\/p>\n

9. Now select a menu like ‘Main Menu’<\/p>\n

\"\"<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Step 1:\u00a0Once The Pantograph Extensions plugin is activated Mega Menu is available in your admin panel dashboard.   Step 2: Enable WPBakery for Mega Menu 1. Navigate to WPBakery > Role Manager 2. In Post Types choose \u2018Custom\u2019 and then make sure mega_menu is checked.   Step 3: Add a new Mega Menu item 1. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/50"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/posts\/50\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/categories?post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/documentation\/wp-json\/wp\/v2\/tags?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}