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?

That…is lovely :D

Thank you so much! It really fits too!

Hello,

I had to do a workaround and use custom links in the main menu to refer to blogposts sothat the navigation can be used. (the entry-info-wrap one)
It works but it would be nicer to have the pages in the “Pages” section and not piled up in the blogposts. I used a few exclude plugins to make sure the categories don’t show up in the blog/news section.

Maybe something for the future to add the blog navigation option to the pages section.

Next question: Is there a way to make the arrows pulse a bit in entry-info-wrap so the user knows were to click/hover?