{"id":86,"date":"2016-12-19T22:19:51","date_gmt":"2016-12-19T22:19:51","guid":{"rendered":"http:\/\/docs.generatepress.com\/?post_type=kp_articles&#038;p=86"},"modified":"2023-06-01T22:31:49","modified_gmt":"2023-06-01T22:31:49","slug":"navigation-search","status":"publish","type":"keep_articles","link":"https:\/\/docs.generatepress.com\/article\/navigation-search\/","title":{"rendered":"Navigation Search"},"content":{"rendered":"\n<p class=\"has-medium-font-size\"><strong>This feature has been replaced with the <a href=\"https:\/\/docs.generatepress.com\/article\/navigation-search-modal\/\" target=\"_blank\" rel=\"noreferrer noopener\">Navigation Search Modal<\/a> feature introduced in <a href=\"https:\/\/generatepress.com\/generatepress-3-3-0\/\" target=\"_blank\" rel=\"noreferrer noopener\">GeneratePress 3.3.0<\/a><\/strong><\/p>\n\n\n\n<p>The <strong>Navigation Search<\/strong> option can be found in <strong>Appearance > Customize > Layout > Primary Navigation<\/strong>.<\/p>\n\n\n\n<p>This option adds a search icon (magnifying glass) to your navigation bar. When you click it, a semi-transparent search bar covers your menu items and allows you to enter a term to search your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use Navigation Search in Secondary Navigation<\/h3>\n\n\n\n<p>By default the navigation search is located in primary navigation, the snippet below allows you to move it to the secondary navigation.<\/p>\n\n\n\n<p><em>Please note that the navigation search option should be activated under Layout &gt; Primary Navigation in order for the snippet to work:<\/em><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_action( 'wp', function() {\n    if ( 'enable' === generate_get_option( 'nav_search' ) ) {\n        remove_action( 'generate_menu_bar_items', 'generate_do_navigation_search_button' );\n        add_action( 'generate_secondary_menu_bar_items', 'generate_do_navigation_search_button' );\n\n        remove_action( 'generate_inside_navigation', 'generate_navigation_search' );\n        add_action( 'generate_inside_secondary_navigation', 'generate_navigation_search' );\n    }\n}, 20 );\n<\/code><\/pre>\n\n\n\n<p>Learn how to add PHP <a href=\"https:\/\/docs.generatepress.com\/article\/adding-php\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n","protected":false},"template":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Navigation Search - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.generatepress.com\/article\/navigation-search\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Navigation Search - Documentation\" \/>\n<meta property=\"og:description\" content=\"This feature has been replaced with the Navigation Search Modal feature introduced in GeneratePress 3.3.0 The Navigation Search option can be found in Appearance &gt; Customize &gt; Layout &gt; Primary Navigation. This option adds a search icon (magnifying glass) to your navigation bar. When you click it, a semi-transparent search bar covers your menu items [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.generatepress.com\/article\/navigation-search\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GeneratePress\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-01T22:31:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GeneratePress\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.generatepress.com\/article\/navigation-search\/\",\"url\":\"https:\/\/docs.generatepress.com\/article\/navigation-search\/\",\"name\":\"Navigation Search - Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/docs.generatepress.com\/#website\"},\"datePublished\":\"2016-12-19T22:19:51+00:00\",\"dateModified\":\"2023-06-01T22:31:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/docs.generatepress.com\/article\/navigation-search\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.generatepress.com\/article\/navigation-search\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.generatepress.com\/article\/navigation-search\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.generatepress.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/docs.generatepress.com\/article\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Navigation Search\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.generatepress.com\/#website\",\"url\":\"https:\/\/docs.generatepress.com\/\",\"name\":\"Documentation\",\"description\":\"Get to Know GeneratePress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.generatepress.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Navigation Search - Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.generatepress.com\/article\/navigation-search\/","og_locale":"en_US","og_type":"article","og_title":"Navigation Search - Documentation","og_description":"This feature has been replaced with the Navigation Search Modal feature introduced in GeneratePress 3.3.0 The Navigation Search option can be found in Appearance > Customize > Layout > Primary Navigation. This option adds a search icon (magnifying glass) to your navigation bar. When you click it, a semi-transparent search bar covers your menu items [&hellip;]","og_url":"https:\/\/docs.generatepress.com\/article\/navigation-search\/","og_site_name":"Documentation","article_publisher":"https:\/\/www.facebook.com\/GeneratePress","article_modified_time":"2023-06-01T22:31:49+00:00","twitter_card":"summary_large_image","twitter_site":"@GeneratePress","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.generatepress.com\/article\/navigation-search\/","url":"https:\/\/docs.generatepress.com\/article\/navigation-search\/","name":"Navigation Search - Documentation","isPartOf":{"@id":"https:\/\/docs.generatepress.com\/#website"},"datePublished":"2016-12-19T22:19:51+00:00","dateModified":"2023-06-01T22:31:49+00:00","breadcrumb":{"@id":"https:\/\/docs.generatepress.com\/article\/navigation-search\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.generatepress.com\/article\/navigation-search\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.generatepress.com\/article\/navigation-search\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.generatepress.com\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/docs.generatepress.com\/article\/"},{"@type":"ListItem","position":3,"name":"Navigation Search"}]},{"@type":"WebSite","@id":"https:\/\/docs.generatepress.com\/#website","url":"https:\/\/docs.generatepress.com\/","name":"Documentation","description":"Get to Know GeneratePress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.generatepress.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/keep-api\/86"}],"collection":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/keep-api"}],"about":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/types\/keep_articles"}],"wp:attachment":[{"href":"https:\/\/docs.generatepress.com\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}