Zen Menu Logic – Search function

“Append search icon to main menu” is checked atm

That did the trick. Code from 2015 still works! Amazing.

if(!function_exists('avia_append_search_nav'))
{
	//first append search item to main menu
	add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
	add_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 10, 2 );

	function avia_append_search_nav ( $items, $args )
	{	
		if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;
		if(avia_get_option('header_position',  'header_top') != "header_top") return $items;
	
	        global $avia_config;
	        ob_start();
	        get_search_form();
	        $form =  htmlspecialchars(ob_get_clean()) ;

	        $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">
							<a href="?s=" rel="nofollow" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
	        		   </li>';
	    return $items;
	}
}

PS: This adds the search function in your main menu and the topmenu at the same time. Use this css to hide it in your topmenu (extra menu):

#header_meta .sub_menu #menu-item-search {
    display: none;
}

I also want to add the search icon on the right next to the burgermenu. Do I use the workaround in that thread?