{"id":1827,"date":"2021-11-03T04:11:20","date_gmt":"2021-11-03T04:11:20","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=1827"},"modified":"2022-02-14T00:36:06","modified_gmt":"2022-02-14T00:36:06","slug":"how-to-build-a-megamenu","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/03\/how-to-build-a-megamenu\/","title":{"rendered":"How to build a megamenu?"},"content":{"rendered":"\n<p>UDesign has a built-in mega menu that can be enabled on every First Level menu item in the&nbsp;<code class=\"code-grey\">Appearance &gt; Menus<\/code>&nbsp;tab.<\/p>\n\n\n\n<p>Make the most of your menu following step by step:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Add a <a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/03\/menu-settings\/\">First Level<\/a> menu to build as megamenu.<\/li><li>Check <strong>Megamenu<\/strong> option and set <strong>Megamenu Width, Megamenu Position<\/strong>.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture\"><img fetchpriority=\"high\" decoding=\"async\" width=\"930\" height=\"832\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega.jpg\" alt=\"Megamenu\" class=\"wp-image-1832\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega.jpg 930w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-768x687.jpg 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><figcaption>Create First Level menu of megamenu<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" id=\"block-e308376a-6fc2-4dd2-b4be-f82273fe2c9a\"><li><\/li><li><\/li><li>Add direct child menu item to it. It should work as <strong>megamenu columns<\/strong>.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture\"><img decoding=\"async\" width=\"930\" height=\"813\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-1.jpg\" alt=\"Megamenu\" class=\"wp-image-1833\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-1.jpg 930w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-1-768x671.jpg 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><figcaption>Create columns<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" id=\"block-e308376a-6fc2-4dd2-b4be-f82273fe2c9a\"><li><\/li><li><\/li><li><\/li><li>Add direct child menu item to <strong>megamenu columns<\/strong> menu item. It should work as <strong>megamenu subtitles<\/strong>.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture\"><img decoding=\"async\" width=\"930\" height=\"799\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-2.jpg\" alt=\"Megamenu\" class=\"wp-image-1834\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-2.jpg 930w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-2-768x660.jpg 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><figcaption>Create subtitles<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" id=\"block-e308376a-6fc2-4dd2-b4be-f82273fe2c9a\"><li><\/li><li><\/li><li><\/li><li><\/li><li>Add menu items to<strong> megamenu subtitle<\/strong> menu item.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"799\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-3.jpg\" alt=\"Megamenu\" class=\"wp-image-1835\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-3.jpg 930w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-3-768x660.jpg 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><figcaption>Create menu items<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full screen-capture\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"597\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-4.jpg\" alt=\"Megamenu\" class=\"wp-image-1856\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-4.jpg 930w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/11\/mega-4-768x493.jpg 768w\" sizes=\"(max-width: 930px) 100vw, 930px\" \/><figcaption>Megamenu result<\/figcaption><\/figure>\n\n\n\n<p>Please learn more details from our guided video.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1320 \/ 720;\" width=\"1320\" controls muted poster=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/01\/poster-megamenu-builder.jpg\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2021\/10\/megamenu.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UDesign has a built-in mega menu that can be enabled on every First Level menu item in the&nbsp;Appearance &gt; Menus&nbsp;tab. Make the most of your menu following step by step: Add a First Level menu to build as megamenu. Check Megamenu option and set Megamenu Width, Megamenu Position. Add direct child menu item to it. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-1827","post","type-post","status-publish","format-standard","hentry","category-menus"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=1827"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1827\/revisions"}],"predecessor-version":[{"id":5106,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/1827\/revisions\/5106"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=1827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=1827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=1827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}