How to add items next to the burger menu icon

Hello there. I am trying to add the search icon (with its associated search form) right next to the burger menu icon. I have found the function avia_append_burger_menu and have redefined it in my child theme. I can confirm the search icon’s html is added properly by sending it to debug.log yet it never shows up next to the burger menu icon. Moreover, it seems it’s added to the inside of the burger menu instead of right next to the burger menu icon. I have no idea what is going on.

Here is the redefined avia_append_burger_menu function:

/* Append the burger menu */
if(!function_exists('avia_append_burger_menu'))
{
	//first append search item to main menu
	add_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 );
	add_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 );

	function avia_append_burger_menu ( $items , $args )
	{	
		global $avia_config;
		
		$location = ( is_object( $args ) && isset( $args->theme_location ) ) ? $args->theme_location : '';
		$original_location = isset( $avia_config['current_menu_location_output'] ) ? $avia_config['current_menu_location_output'] : '';	
		
		/**
		 * Allow compatibility with plugins that change menu or third party plugins to manpulate the location
		 * 
		 * @used_by Enfold config-menu-exchange\config.php			10
		 * @since 4.1.3
		 */
		$location = apply_filters( 'avf_append_burger_menu_location', $location, $original_location, $items , $args );
		
	    if( ( is_object( $args ) && ( $location == 'avia' ) ) || ( is_string( $args ) && ( $args == "fallback_menu" ) ) ) {
	        $class = avia_get_option('burger_size');
	        
	        $items .= '<li class="av-burger-menu-main menu-item-avia-special '.$class.'">
	        			<a href="#">
							<span class="av-hamburger av-hamburger--spin av-js-hamburger">
					        <span class="av-hamburger-box">
						          <span class="av-hamburger-inner"></span>
						          <strong>'.__('Menu','avia_framework').'</strong>
					        </span>
							</span>
						</a>
	        		   </li>';

			// Utilisation de la fonction maison définie ci-haut.
			$items = avia_append_search_nav( $items, $args );
	    }

	    return $items;
	}
}

Since it uses our redefined avia_append_search_nav function, here it is as well:

if(!function_exists('avia_append_search_nav'))
{
	// Remove from its usual position
	remove_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );
	remove_filter( 'avf_fallback_menu_items', 'avia_append_search_nav', 10, 2 );

	function avia_append_search_nav ( $items, $args = null ) {
		global $avia_config;
		ob_start();
		get_search_form();
		$form =  htmlspecialchars(ob_get_clean()) ;

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

	    return $items;
	}
}

Any help is appreciated. Thanks!

• This topic was modified 3 years, 12 months ago by Technoh. Reason: Again, better code formatting