{"id":18104,"date":"2021-04-26T08:37:30","date_gmt":"2021-04-26T08:37:30","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=18104"},"modified":"2021-04-26T10:11:33","modified_gmt":"2021-04-26T10:11:33","slug":"how-to-move-the-menu-search-bar-top-and-bottom","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-move-the-menu-search-bar-top-and-bottom\/","title":{"rendered":"How to move the Menu Search bar Top and Bottom"},"content":{"rendered":"\n<p><strong>Follow the steps below to move the Menu Search bar Top and Bottom in AMP<\/strong><\/p>\n\n\n\n<ul><li>You will find this option in the\u00a0<strong>WordPress Dashboard<\/strong>\u00a0-> Navigate to\u00a0<strong>AMP Option Panel\u00a0<\/strong>->\u00a0<strong>Header\u00a0<\/strong>-> Once you Enable the &#8220;<strong>Menu Search&#8221; <\/strong>option you will find these two options &#8220;<strong>After Menu<\/strong>&#8221; and &#8220;<strong>Before Menu<\/strong>&#8221; as per your requirement enable it like below the screenshot.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"573\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-1024x573.png\" alt=\"\" class=\"wp-image-18105\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-1024x573.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-300x168.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-768x430.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-50x28.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-60x34.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1-100x56.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/1.png 1068w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>After Menu<\/strong>: Once you enable this option Menu Search bar move to the bottom.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"614\" height=\"145\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/4.png\" alt=\"\" class=\"wp-image-18108\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/4.png 614w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/4-300x71.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/4-50x12.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/4-60x14.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/4-100x24.png 100w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/figure>\n\n\n\n<h4>The Output of the <strong>After Menu<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"313\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-1024x313.png\" alt=\"\" class=\"wp-image-18106\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-1024x313.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-300x92.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-768x235.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-60x18.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2-100x31.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/2.png 1285w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li><strong>Before Menu: <\/strong>Once you enable this option Menu Search bar move to the Top.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"623\" height=\"196\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/5.png\" alt=\"\" class=\"wp-image-18109\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/5.png 623w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/5-300x94.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/5-50x16.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/5-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/5-100x31.png 100w\" sizes=\"(max-width: 623px) 100vw, 623px\" \/><\/figure>\n\n\n\n<h4>The Output of the <strong>Before Menu<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"316\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-1024x316.png\" alt=\"\" class=\"wp-image-18107\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-1024x316.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-300x93.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-768x237.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-50x15.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-60x19.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3-100x31.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2021\/04\/3.png 1225w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Follow the steps below to move the Menu Search bar Top and Bottom in AMP You will find this option in the\u00a0WordPress Dashboard\u00a0-> Navigate to\u00a0AMP Option Panel\u00a0->\u00a0Header\u00a0-> Once you Enable the &#8220;Menu Search&#8221; option you will find these two options &#8220;After Menu&#8221; and &#8220;Before Menu&#8221; as per your requirement enable&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18104"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=18104"}],"version-history":[{"count":1,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18104\/revisions"}],"predecessor-version":[{"id":18110,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/18104\/revisions\/18110"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=18104"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=18104"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=18104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}