add this to where you want search to show (the styles are currently optimized forinserting the below html JUST after call to menu () in our theme in BOTH main menu and mobile menu (we call menu once for main, once for mobile)
add this to style.css:
.searchWrapper{
position: relative;
top: -20px;
right: 40px;
}
#search-bar{
/*dont' display actual search form until triggered by jQuery in .scipts.js*/
display: none;
}
form.search{
border: none;
padding: 0px;
background: none;
margin-left: 10px;
margin-bottom: 8px;
}
@media(max-width: 1023px){
.searchWrapper{
top: 20px;
left:21px;
}
}
/*HEADER > NAV main menu item styles END*/
; ?>/wp-content/uploads/searchIcon.png)