{"id":1019,"date":"2022-01-25T01:47:51","date_gmt":"2022-01-25T01:47:51","guid":{"rendered":"https:\/\/doc.dnngo.com\/obvio\/?page_id=1019"},"modified":"2022-01-25T02:24:22","modified_gmt":"2022-01-25T02:24:22","slug":"how-to-set-the-maga-menu","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/obvio\/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=”1028″ 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=”1036″ 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=”1037″ 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=”1031″ 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=”1029″ 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=”1022″ 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=”1025″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”1023″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”1024″ 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=”1026″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”1027″ 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=”1035″ 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=”1034″ 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=”1032″ 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=”1033″ 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=”1028″ 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=”1036″ 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\/obvio\/wp-json\/wp\/v2\/pages\/1019"}],"collection":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/comments?post=1019"}],"version-history":[{"count":3,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/1019\/revisions"}],"predecessor-version":[{"id":1038,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/1019\/revisions\/1038"}],"up":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/pages\/262"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/obvio\/wp-json\/wp\/v2\/media?parent=1019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}