Close Popup Search

* Add Search to Menu
function be_add_search_to_menu( $menu, $args ) {
if( 'header' == $args->theme_location )
$menu .= '<li class="menu-item search"><a href="#"><i class="icon-search"></i></a>' . get_search_form( false ) . '</li>';
return $menu;
add_filter( 'wp_nav_menu_items', 'be_add_search_to_menu', 10, 2 );
view raw functions.php hosted with ❤ by GitHub
// Open Search
$('.genesis-nav-menu a').click(function(e){
$('.genesis-nav-menu .search-form').css('display', 'block');
$('.genesis-nav-menu .search-form input[type="search"]').focus();
// Close Search
$(document).mouseup(function (e){
var container = $('.search-form');
if (! // if the target of the click isn't the container...
&& container.has( === 0) // ... nor a descendant of the container
view raw global.js hosted with ❤ by GitHub
.genesis-nav-menu .search-form {
background: #fff;
border-top: 4px solid #76bd22;
position: absolute;
top: 0;
right: 0;
width: 100%;
display: none;
.genesis-nav-menu .search-form input[type="search"] {
color: #5d5d5d;
font-size: 16px;
line-height: 30px;
outline: none;
border: none;
.genesis-nav-menu .search-form input[type="submit"] {
background: transparent url(images/search.jpg) no-repeat center center;
background-size: 20px 19px;
border: none;
width: 42px;
height: 50px;
position: absolute;
top: 0;
right: 0;
min-width: 0;
view raw style.css hosted with ❤ by GitHub

Bill Erickson

Bill Erickson is a freelance WordPress developer and a contributing developer to the Genesis framework. For the past 14 years he has worked with attorneys, publishers, corporations, and non-profits, building custom websites tailored to their needs and goals.

Ready to upgrade your website?

I build custom WordPress websites that look great and are easy to manage.

Let's Talk