Search bar mobile

Hi guys,
i use this code to add a search bar to the menu on mobile only:

add_filter( ‘wp_nav_menu_items’, ‘avf_add_search’, 3, 2 );
function avf_add_search( $items, $args ) {
if ($args->theme_location == ‘avia’)
{
$search = ‘<li id=”menu-item-search-mobile” class=”menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-18 current_page_item menu-item-top-level menu-item-top-level-5″>’.get_search_form(false).’‘;
$items = $search . $items;
}
return $items;
}
After that, use this code in the Quick CSS field:
@media only screen and (max-width: 767px) {
#top #searchform>div {
display: block !important;
opacity: 1 !important;
}
}

This work well until you open the menu and close again without doing something. Then the whole screen has moved a cm to the left and is not coming back until you reload the page.

I also would like to have a search bar between sorting options and (where you are info). Could you send me code for that?

Thanks
Max

• This topic was modified 6 years, 6 months ago by Max.