AJAX search shortcode in mobile menu

Best Enfold ,

I would like to show the search icon in the topbar menu. So far, I have a working shortcode which shows both the search icon as the form. However, I would only search icon will show as in the desktop view. By clicking on the search icon should be like in the desktop display the form to be visible.
Is it possible to shortcode so to adjust that only the Search icon is displayed?
I am aware that search icon can also be displayed in the mobile view of a CSS script, but I get the search icon in the wrong place at the forefront of the topbar. If possible, I prefer to use a shortcode. Please let me know if this is possible .

Shortcode function:

add_shortcode('avia_search', 'get_search_form'); 

function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('.only-mobile-menu-search a').removeAttr('href');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');