{"id":953,"date":"2018-04-24T13:42:56","date_gmt":"2018-04-24T13:42:56","guid":{"rendered":"http:\/\/leaguewp.com\/?p=953"},"modified":"2019-08-16T14:19:38","modified_gmt":"2019-08-16T14:19:38","slug":"search-box-primary-menu-genesis","status":"publish","type":"post","link":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/","title":{"rendered":"Display Search Box in Primary Menu in Genesis 3.0.3"},"content":{"rendered":"<p>Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.<\/p>\n<p>Although this guide uses the Genesis Sample theme, you could make it work for any other Genesis child theme with some minor tweaks.<\/p>\n<p>If you\u2019re using an older version of Genesis Sample theme such as Genesis Sample version 2.3.0, you need to add the following code to your functions file and stylesheet respectively.<\/p>\n<p><script src=\"https:\/\/gist.github.com\/topleague\/2fc00deb8c4ad20a1c4f9efba87082c6.js\"><\/script><\/p>\n<h2>Are You Using Genesis Sample Version 3.0.3?<\/h2>\n<p>The latest version of the Genesis theme has done away with the header widget altogether. Therefore, the previous code snippet is deprecated. <\/p>\n<p>If you\u2019re using the latest version of Genesis Sample theme such as Genesis Sample version 3.0.3, you need to add the following code to your stylesheet and functions file respectively.<\/p>\n<p><script src=\"https:\/\/gist.github.com\/topleague\/8bc2a415eb7cf4305c1179a6a9a3c56d.js\"><\/script><\/p>\n<p>Note: You might need to make some minor css tweaks as per your current theme. As for the CSS, you can either use the code in WordPress customizer or search and replace the properties in your child theme&#8217;s stylesheet to avoid any potential override. It&#8217;s completely up to you.<\/p>\n<p>Hope this helps. Let me know if you have any questions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.<\/p>\n","protected":false},"author":2,"featured_media":952,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[3],"tags":[16,14],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Display Search Box in Primary Menu in Genesis Sample 3.0.3<\/title>\n<meta name=\"description\" content=\"Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Search Box in Primary Menu in Genesis Sample 3.0.3\" \/>\n<meta property=\"og:description\" content=\"Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\" \/>\n<meta property=\"og:site_name\" content=\"League WP\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-24T13:42:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-16T14:19:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Susanta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@league_wp\" \/>\n<meta name=\"twitter:site\" content=\"@league_wp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Susanta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\"},\"author\":{\"name\":\"Susanta\",\"@id\":\"https:\/\/leaguewp.com\/#\/schema\/person\/c84e33b8731dd0a38753b3b74c664b37\"},\"headline\":\"Display Search Box in Primary Menu in Genesis 3.0.3\",\"datePublished\":\"2018-04-24T13:42:56+00:00\",\"dateModified\":\"2019-08-16T14:19:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\"},\"wordCount\":239,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/leaguewp.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg\",\"keywords\":[\"Menu\",\"Search Form\"],\"articleSection\":[\"Guides\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\",\"url\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\",\"name\":\"How to Display Search Box in Primary Menu in Genesis Sample 3.0.3\",\"isPartOf\":{\"@id\":\"https:\/\/leaguewp.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg\",\"datePublished\":\"2018-04-24T13:42:56+00:00\",\"dateModified\":\"2019-08-16T14:19:38+00:00\",\"description\":\"Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.\",\"breadcrumb\":{\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage\",\"url\":\"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg\",\"contentUrl\":\"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg\",\"width\":950,\"height\":500,\"caption\":\"How to Display Search Box in Genesis Sample\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/leaguewp.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Display Search Box in Primary Menu in Genesis 3.0.3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/leaguewp.com\/#website\",\"url\":\"https:\/\/leaguewp.com\/\",\"name\":\"League WP\",\"description\":\"WordPress Development\",\"publisher\":{\"@id\":\"https:\/\/leaguewp.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/leaguewp.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/leaguewp.com\/#organization\",\"name\":\"Top League Technologies Pvt. Ltd.\",\"url\":\"https:\/\/leaguewp.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/leaguewp.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/leaguewp.com\/wp-content\/uploads\/2020\/09\/League-WP-Web-2.svg\",\"contentUrl\":\"https:\/\/leaguewp.com\/wp-content\/uploads\/2020\/09\/League-WP-Web-2.svg\",\"width\":\"1920\",\"height\":\"960\",\"caption\":\"Top League Technologies Pvt. Ltd.\"},\"image\":{\"@id\":\"https:\/\/leaguewp.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/league_wp\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/leaguewp.com\/#\/schema\/person\/c84e33b8731dd0a38753b3b74c664b37\",\"name\":\"Susanta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/leaguewp.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f363d580b703f602b2169f4beaf96d4c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f363d580b703f602b2169f4beaf96d4c?s=96&d=mm&r=g\",\"caption\":\"Susanta\"},\"url\":\"https:\/\/leaguewp.com\/author\/suskanchan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Display Search Box in Primary Menu in Genesis Sample 3.0.3","description":"Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.","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:\/\/leaguewp.com\/search-box-primary-menu-genesis\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Search Box in Primary Menu in Genesis Sample 3.0.3","og_description":"Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.","og_url":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/","og_site_name":"League WP","article_published_time":"2018-04-24T13:42:56+00:00","article_modified_time":"2019-08-16T14:19:38+00:00","og_image":[{"width":950,"height":500,"url":"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg","type":"image\/jpeg"}],"author":"Susanta","twitter_card":"summary_large_image","twitter_creator":"@league_wp","twitter_site":"@league_wp","twitter_misc":{"Written by":"Susanta","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#article","isPartOf":{"@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/"},"author":{"name":"Susanta","@id":"https:\/\/leaguewp.com\/#\/schema\/person\/c84e33b8731dd0a38753b3b74c664b37"},"headline":"Display Search Box in Primary Menu in Genesis 3.0.3","datePublished":"2018-04-24T13:42:56+00:00","dateModified":"2019-08-16T14:19:38+00:00","mainEntityOfPage":{"@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/"},"wordCount":239,"commentCount":1,"publisher":{"@id":"https:\/\/leaguewp.com\/#organization"},"image":{"@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage"},"thumbnailUrl":"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg","keywords":["Menu","Search Form"],"articleSection":["Guides"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/","url":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/","name":"How to Display Search Box in Primary Menu in Genesis Sample 3.0.3","isPartOf":{"@id":"https:\/\/leaguewp.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage"},"image":{"@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage"},"thumbnailUrl":"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg","datePublished":"2018-04-24T13:42:56+00:00","dateModified":"2019-08-16T14:19:38+00:00","description":"Adding a search box to the primary menu of your Genesis theme is pretty easy, thanks the latest version of Genesis. If you still need a hand, this guide can help.","breadcrumb":{"@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#primaryimage","url":"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg","contentUrl":"https:\/\/leaguewp.com\/wp-content\/uploads\/2018\/04\/How-to-Display-Search-Box-in-Genesis-Sample-.jpg","width":950,"height":500,"caption":"How to Display Search Box in Genesis Sample"},{"@type":"BreadcrumbList","@id":"https:\/\/leaguewp.com\/search-box-primary-menu-genesis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/leaguewp.com\/"},{"@type":"ListItem","position":2,"name":"Display Search Box in Primary Menu in Genesis 3.0.3"}]},{"@type":"WebSite","@id":"https:\/\/leaguewp.com\/#website","url":"https:\/\/leaguewp.com\/","name":"League WP","description":"WordPress Development","publisher":{"@id":"https:\/\/leaguewp.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/leaguewp.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/leaguewp.com\/#organization","name":"Top League Technologies Pvt. Ltd.","url":"https:\/\/leaguewp.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/leaguewp.com\/#\/schema\/logo\/image\/","url":"https:\/\/leaguewp.com\/wp-content\/uploads\/2020\/09\/League-WP-Web-2.svg","contentUrl":"https:\/\/leaguewp.com\/wp-content\/uploads\/2020\/09\/League-WP-Web-2.svg","width":"1920","height":"960","caption":"Top League Technologies Pvt. Ltd."},"image":{"@id":"https:\/\/leaguewp.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/league_wp"]},{"@type":"Person","@id":"https:\/\/leaguewp.com\/#\/schema\/person\/c84e33b8731dd0a38753b3b74c664b37","name":"Susanta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/leaguewp.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f363d580b703f602b2169f4beaf96d4c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f363d580b703f602b2169f4beaf96d4c?s=96&d=mm&r=g","caption":"Susanta"},"url":"https:\/\/leaguewp.com\/author\/suskanchan\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/posts\/953"}],"collection":[{"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/comments?post=953"}],"version-history":[{"count":0,"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/posts\/953\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/media\/952"}],"wp:attachment":[{"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/media?parent=953"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/categories?post=953"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leaguewp.com\/wp-json\/wp\/v2\/tags?post=953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}