{"id":4379,"date":"2022-02-12T16:42:20","date_gmt":"2022-02-12T16:42:20","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4379"},"modified":"2022-05-05T23:29:48","modified_gmt":"2022-05-05T23:29:48","slug":"mobile-menu-toggle-element","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/12\/mobile-menu-toggle-element\/","title":{"rendered":"Mobile Menu Toggle Element"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>UDesign<\/strong>&nbsp;offers you perfect responsive options by providing mobile menus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It allows you to control your mobile menu with the UDesign Mobile Toggle Menu Element.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create mobile menu toggle element?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>&nbsp;\u2013 Please 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>&nbsp;\u2013 Select UDesign Mobile Menu Element from the Element List.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"557\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/4-2.png\" alt=\"\" class=\"wp-image-4380\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>&nbsp;\u2013 Configure the UDesign Mobile Menu Element to some place into your header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong>&nbsp;\u2013 After you finish your configuration, don\u2019t forget to save all changes.<\/p>\n\n\n\n<p class=\"alert alert-danger mt-4 wp-block-paragraph\">*Note: Before creating Mobile Toggle, you have to show mobile menu in Customize Panel &gt; Menus &gt; Mobile Menu.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Element Content Options<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon:<\/strong>&nbsp;You can choose mobile icon as you like.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon Size:<\/strong>&nbsp;You can set mobile icon size.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Element Style Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Padding:<\/strong>&nbsp;You can control mobile toggle padding.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Border:<\/strong>&nbsp;You can set border width and border radius.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Background Color:<\/strong>&nbsp;You can choose mobile icon background color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon Color:<\/strong>&nbsp;You can choose mobile icon color.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UDesign&nbsp;offers you perfect responsive options by providing mobile menus. It allows you to control your mobile menu with the UDesign Mobile Toggle Menu Element. How to create mobile menu toggle element? Step 1&nbsp;\u2013 Please create, or choose the Column into which you want to add your element. Step 2&nbsp;\u2013 Select UDesign Mobile Menu 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":[24],"tags":[],"class_list":["post-4379","post","type-post","status-publish","format-standard","hentry","category-header-builder"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4379","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=4379"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4379\/revisions"}],"predecessor-version":[{"id":7715,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4379\/revisions\/7715"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}