Add Ajax Search to Header meta

Hey Roel,

Thank you for using Enfold.

Yes, this is possible. Just duplicate the default search icon filter and modify it a bit. Add it in the functions.php file.

/*  Header Meta Search Icon */
if(!function_exists('avia_append_header_meta_search_icon'))
{
	//first append search item to main menu
	add_filter( 'wp_nav_menu_items', 'avia_append_header_meta_search_icon', 9997, 2 );
	add_filter( 'avf_fallback_menu_items', 'avia_append_header_meta_search_icon', 9997, 2 );

	function avia_append_header_meta_search_icon( $items, $args )
	{		
	    if (is_object($args) && $args->theme_location == 'avia2')
	    {
			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 menu-item-avia-special">
							<a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'><span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span></a>
	        		   </li>';
	    }
	    return $items;
	}
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

This is possible, but you have to move the secondary menu to the left side of the header. Or try this css code.

#header_meta #menu-item-search {
	position: absolute;
	right: 500px;
}

Best regards,
Ismael