{"id":5251,"date":"2022-02-14T19:55:30","date_gmt":"2022-02-14T19:55:30","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5251"},"modified":"2022-06-17T01:27:02","modified_gmt":"2022-06-17T01:27:02","slug":"menu","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/menu\/","title":{"rendered":"Menu"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>UDesign<\/strong> offers <strong>Menu <\/strong>element and you can display menus you built in <code class=\"code-grey\">Appearance > Menus<\/code>.  If you want to know more about how to build menu, please visit <a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2021\/11\/03\/setting-up-a-menu\/\">here<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"314\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-1-1-1024x314.jpg\" alt=\"\" class=\"wp-image-5255\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-1-1-1024x314.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-1-1-768x235.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Menu element?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>. Create, or choose the column into which you want to add your element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>. Drag UDesign <strong>Menu<\/strong>&nbsp;Element from the Element List.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>. Select the menu you have built.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"311\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-2-1-1024x311.jpg\" alt=\"\" class=\"wp-image-5254\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-2-1-1024x311.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-2-1-768x234.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Menu Style Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">There are three accordions for menu style, menu ancestor, submenu item and menu dropdown box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><strong>Menu Ancestor<\/strong><\/strong>\u2013<strong>&nbsp;<\/strong>Set the style for menu ancestor, which is the menu item on the highest level.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><strong>Submenu Item<\/strong><\/strong>\u2013<strong>&nbsp;<\/strong>Set the style for submenu item.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><strong>Menu Dropdown Box<\/strong><\/strong>\u2013<strong>&nbsp;<\/strong>Set the style for dropdown box, padding or background color and etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"433\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-3-1-1024x433.jpg\" alt=\"\" class=\"wp-image-5256\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-3-1-1024x433.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/menu-3-1-768x324.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UDesign offers Menu element and you can display menus you built in Appearance > Menus. If you want to know more about how to build menu, please visit here. How to create Menu element? Step 1. Create, or choose the column into which you want to add your element. Step 2. Drag UDesign Menu&nbsp;Element from [&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":[32],"tags":[],"class_list":["post-5251","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5251","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=5251"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5251\/revisions"}],"predecessor-version":[{"id":7964,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5251\/revisions\/7964"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}