Search autofocus on field and click on mobile search

I changed that but no dice so far…

Appreciate the support!

In general – many users are struggling with this and there should be a general solution in the docs or – even better – in the template itself.

Here is an update:

/* Mobile Search Form Magic */
#top #searchform > div {
    display: block !important;
    opacity: 1 !important;
}
#avia-menu li.menu-search {
    display: none;
}
.av-active-burger-items #searchform{
	padding-left: 40px !important;
}

/**
 * Show search bar on mobile menu
 */
add_shortcode('avia_search', 'get_search_form');
function ava_custom_script_mod_search_mobile()
{
?>
	<script>
		(function($) {
			$(document).ready(function() {		
				var page   = window.location.href;
				var search = '<form action="'+page+'" method="get" class=""><div><input type="submit" value="?" id="searchsubmit" class="button avia-font-entypo-fontello"><input type="text" id="s" name="s" value="" placeholder="Search"></div></form>';
	
				$('.av-burger-menu-main a').on('click', function() {
					if($(".av-mobile-search").find('form').length == 1) return;
					setTimeout(() => {
						$("<li class='av-mobile-search av-active-burger-items'>" + search + "</div>").insertAfter('.menu-item-178580');
						$('.menu-search.menu-item-91335>a').contents().unwrap().wrap('<p/>');
					}, 300);	
				});
			});
		})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_search_mobile', 10000);