Is possible to place an icon button on the left side of search icon button?

I have achieved it from this PHP script and Javascript, but it takes a little while to place in correct position:

# Add an Icon Button
add_action('ava_inside_main_menu', function() {
	
	echo '<li id="menu-item-login" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">';
		echo '<a href="http://marinapedrena.es/area-privada/" rel="nofollow" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Buscar</span></a>';
	echo "</li>";
});

# Place the button on the left side
function change_menu_position() { 
?>
<script>
(function($){
	$('#menu-item-login').insertBefore($('#menu-item-search'));
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_menu_position');

GIF of the problem:

View post on imgur.com

• This topic was modified 5 years, 9 months ago by marseca.