{"id":1180,"date":"2022-01-16T09:48:06","date_gmt":"2022-01-16T09:48:06","guid":{"rendered":"https:\/\/doc.dnngo.com\/glend\/?page_id=1180"},"modified":"2022-01-25T00:33:59","modified_gmt":"2022-01-25T00:33:59","slug":"how-to-set-the-maga-menu","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/glend\/how-to\/how-to-set-the-maga-menu\/","title":{"rendered":"How to set the Maga Menu"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos.[\/vc_column_text]

<\/div>[vc_single_image image=”1047″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 1.<\/strong>\u00a0Login to your site as super administrator.[\/vc_column_text]
<\/div>[vc_column_text]Step 2.<\/strong> Go to the ThemePluginPro > Pages.[\/vc_column_text]
<\/div>[vc_column_text]Step 3.<\/strong> Click the Edit Megamenu button.[\/vc_column_text]
<\/div>[vc_single_image image=”1194″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 4.<\/strong> The Mega Menu has 2 types in total. Mega Menu: You can add a multi-column drop down menu to your navigation. Custom Mega Menu: You can insert extra HTML modules and 3rd party modules to the drop down menu with this setting.[\/vc_column_text]
<\/div>[vc_single_image image=”1198″ img_size=”full” style=”vc_box_shadow”]
<\/div>

Mega Menu<\/h3>[vc_column_text]After selecting a Mega Menu type, you will find the options below.[\/vc_column_text]
<\/div>[vc_single_image image=”1206″ img_size=”full” style=”vc_box_shadow”]
<\/div>
Width<\/h5>
<\/div>[vc_column_text]You can set the width of a drop down menu with this option.[\/vc_column_text]
<\/div>[vc_column_text]Auto: Set the width of sub menus to be the same as the width of the theme\u2019s content area.[\/vc_column_text]
<\/div>[vc_single_image image=”1220″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Custom: Set the width of sub menus to be a specific value.[\/vc_column_text]
<\/div>[vc_single_image image=”1222″ img_size=”full” style=”vc_box_shadow”]
<\/div>
Position<\/h5>[vc_column_text]You can set the position of a drop down menu with this option.[\/vc_column_text]
<\/div>[vc_single_image image=”1224″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”1226″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”1228″ img_size=”full” style=”vc_box_shadow”]
<\/div>
Column<\/h5>[vc_column_text]You can set how many columns a sub menu is displayed in with this option.[\/vc_column_text]
<\/div>[vc_single_image image=”1268″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”1267″ img_size=”full” style=”vc_box_shadow”]
<\/div>

Custom Mega Menu<\/h3>[vc_column_text]You can insert extra HTML modules and 3rd party modules to the pop up menu with this setting. The setting steps are as follows.[\/vc_column_text]
<\/div>[vc_column_text]Step 1.<\/strong>\u00a0Set ‘Tab Type’ to ‘Custom Mega Menu’.[\/vc_column_text]
<\/div>[vc_column_text]Step 2.<\/strong> Click the ‘Add Pane’ button.[\/vc_column_text]
<\/div>[vc_single_image image=”1237″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 3.<\/strong> Click the ‘Add’ button to add the control to a pane. There is a total of 3 controls, they are: Menu, HTML and Module.[\/vc_column_text]
<\/div>[vc_single_image image=”1241″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 4.\u00a0<\/strong> You can add multiple panes to a drop down menu.[\/vc_column_text]
<\/div>[vc_single_image image=”1246″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]You can set the width of a pane and the spacing between panes by clicking the edit icon.[\/vc_column_text]
<\/div>[vc_single_image image=”1250″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]Mega Menus allow you to add multi-column drop down menus to your navigation with rich media such as images and videos.[\/vc_column_text][vc_single_image image=”1047″ img_size=”full” style=”vc_box_shadow”][vc_column_text]Step 1.\u00a0Login to your site as super administrator.[\/vc_column_text][vc_column_text]Step 2. Go to the ThemePluginPro > Pages.[\/vc_column_text][vc_column_text]Step 3. Click the Edit Megamenu button.[\/vc_column_text][vc_single_image image=”1194″ img_size=”full” style=”vc_box_shadow”][vc_column_text]Step 4. The Mega Menu has 2 types in […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":262,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/1180"}],"collection":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/comments?post=1180"}],"version-history":[{"count":59,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/1180\/revisions"}],"predecessor-version":[{"id":1269,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/1180\/revisions\/1269"}],"up":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/262"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/media?parent=1180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}