{"id":1111,"date":"2023-06-09T03:52:38","date_gmt":"2023-06-09T03:52:38","guid":{"rendered":"https:\/\/oceanthemes.net\/docs\/sandbox\/?p=1111"},"modified":"2023-08-30T09:27:22","modified_gmt":"2023-08-30T09:27:22","slug":"5-mega-menu","status":"publish","type":"post","link":"https:\/\/docs.oceanthemes.site\/techwind\/2023\/06\/09\/5-mega-menu\/","title":{"rendered":"4. Mega Menu"},"content":{"rendered":"\n<p id=\"block-c356f52d-f44f-4d25-89ab-4660163a6a2a\">Go to <strong>Appearance > Menu<\/strong> to setup.<\/p>\n\n\n\n<p id=\"block-6c80ee00-43b6-4fdf-bcbf-0cc431419cc1\">1. At level 1 menu item, click  the &#8220;<strong>mega menu<\/strong>&#8221; button to start the mega menu builder. ( Note:\u00a0<strong>You can only build mega menu at level 1 menu item<\/strong>)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-2b330eac-0550-495e-8172-32935fd50973\"><img decoding=\"async\" src=\"https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/menu-level1.png\" alt=\"This image has an empty alt attribute; its file name is menu-1024x624.png\"\/><\/figure>\n\n\n\n<p id=\"block-6c80ee00-43b6-4fdf-bcbf-0cc431419cc1\">2.Then popup mega menu setting display, you can select options then select mega menu option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-f646f6d3-a7e2-44f0-80ce-5c59b349f460\"><img decoding=\"async\" src=\"https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/menu-item-lv1.png\" alt=\"This image has an empty alt attribute; its file name is btn-settings-1024x550.png\"\/><figcaption class=\"wp-element-caption\"><em>Select menu item to build mega menu<\/em><\/figcaption><\/figure>\n\n\n\n<p id=\"block-6c80ee00-43b6-4fdf-bcbf-0cc431419cc1\">3.Then edit menu item level 2. Click &#8220;mega menu&#8221; button ton menu item lv2 to edit. Select &#8220;hide text&#8221; option and column width.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\" id=\"block-2f1b4320-58cc-4f24-aa5f-5513b1231cdb\"><img decoding=\"async\" src=\"https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/menu-item-lv2.png\" alt=\"\"\/><figcaption class=\"wp-element-caption\"><em>Select mega menu and width of mega menu<\/em><\/figcaption><\/figure>\n\n\n\n<p id=\"block-6c80ee00-43b6-4fdf-bcbf-0cc431419cc1\">4.Then edit menu item level 3. Click &#8220;mega menu&#8221; button ton menu item lv3 to edit. Slect column width and you can add content for item menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/menu-item-lv3.png\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Select Elementor Canvas Layout<\/figcaption><\/figure>\n\n\n\n<p id=\"block-af9b8da8-af6d-4cf0-ab4e-3dfac8cda3ca\">Note: <strong>Mega menu is only visible on desktop devices, not on mobile devices<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Go to Appearance > Menu to setup. 1. At level 1 menu item, click the &#8220;mega menu&#8221; button to start the mega menu builder. ( Note:\u00a0You can only build mega menu at level 1 menu item) 2.Then popup mega menu setting display, you can select options then select mega menu option. 3.Then edit menu item [&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-1111","post","type-post","status-publish","format-standard","hentry","category-06-header"],"_links":{"self":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts\/1111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/comments?post=1111"}],"version-history":[{"count":4,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts\/1111\/revisions"}],"predecessor-version":[{"id":1178,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts\/1111\/revisions\/1178"}],"wp:attachment":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/media?parent=1111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/categories?post=1111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/tags?post=1111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}