{"id":779,"date":"2020-08-03T04:20:00","date_gmt":"2020-08-03T04:20:00","guid":{"rendered":"http:\/\/oceanthemes.net\/docs\/theratio\/?p=779"},"modified":"2020-08-03T04:20:00","modified_gmt":"2020-08-03T04:20:00","slug":"3-mega-menu","status":"publish","type":"post","link":"https:\/\/docs.oceanthemes.site\/archi\/2020\/08\/03\/3-mega-menu\/","title":{"rendered":"3. Mega Menu"},"content":{"rendered":"\n<p>First, install the &#8220;<a rel=\"noreferrer noopener\" href=\"https:\/\/oceanthemes.s3.amazonaws.com\/plugins\/ot_mega-menu.zip\" target=\"_blank\">OT Mega Menu<\/a>&#8221; plugin for your theme. You can download the plugin here: <a href=\"https:\/\/oceanthemes.s3.amazonaws.com\/plugins\/ot_mega-menu.zip\" target=\"_blank\" rel=\"noreferrer noopener\">OT Mega Menu Plugin<\/a><br>After active the plugin, you go to &#8220;WpAdmin -&gt; Appearance -&gt; Menu&#8221; to setup.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/menu-1024x624.png\" alt=\"\" class=\"wp-image-782\" srcset=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/menu-1024x624.png 1024w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/menu-300x183.png 300w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/menu-768x468.png 768w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/menu-1536x936.png 1536w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/menu.png 1543w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>At level 1 menu item, click the arrow on the right of the item to reveal additional configuration options. Click the &#8220;Settings&#8221; button to start the mega menu builder. ( Note:&nbsp;<strong>You can only build mega menu at level 1 menu item<\/strong>)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/btn-settings-1024x550.png\" alt=\"\" class=\"wp-image-783\" srcset=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/btn-settings-1024x550.png 1024w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/btn-settings-300x161.png 300w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/btn-settings-768x413.png 768w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/btn-settings.png 1213w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Select menu item to build mega menu<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/popup-mega-1024x609.png\" alt=\"\" class=\"wp-image-784\" srcset=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/popup-mega-1024x609.png 1024w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/popup-mega-300x178.png 300w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/popup-mega-768x456.png 768w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/popup-mega.png 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Select mega menu and width of mega menu<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/modal-elementor-1024x500.png\" alt=\"\" class=\"wp-image-785\" srcset=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/modal-elementor-1024x500.png 1024w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/modal-elementor-300x146.png 300w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/modal-elementor-768x375.png 768w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/modal-elementor-1536x750.png 1536w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/08\/modal-elementor.png 1815w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Use widgets to build a mega menu<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>Note: <strong>Mega menu is only visible on desktop devices, not on mobile devices<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>First, install the &#8220;OT Mega Menu&#8221; plugin for your theme. You can download the plugin here: OT Mega Menu PluginAfter active the plugin, you go to &#8220;WpAdmin -&gt; Appearance -&gt; Menu&#8221; to setup. At level 1 menu item, click the arrow on the right of the item to reveal additional configuration options. Click the &#8220;Settings&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-779","post","type-post","status-publish","format-standard","hentry","category-06-header"],"_links":{"self":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/posts\/779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/comments?post=779"}],"version-history":[{"count":0,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/posts\/779\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/media?parent=779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/categories?post=779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/tags?post=779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}