Widget inside burger menu

well i used the hook: ava_main_header to create a header widget

this to child-theme functions.php

add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  dynamic_sidebar( 'header' );
}

and afterwards i moved the containers in Markup.

function move_header_widget_to_burger(){
?>
<script>
(function($){
	$('#header_main .widget').css('display' , 'none');
	$('#header').one('click', '.av-main-nav-wrap', function() {
		var isMobile  = $('.av-burger-menu-main').css('display');
		$('#top #av-burger-menu-ul').css({
			'display' : 'block',
			'height' : 'auto',
			'vertical-align' : 'top',
			'padding' : '140px 0 0',
		});
		var burger_widget = $('#header_main .widget').detach();
		
		burger_widget.each(function() {
			$(this).appendTo('.av-burger-overlay-inner').css({
				'display' : 'block',
				'position': 'relative',
				'width': '94%',
				'text-align': 'left',
				'margin-left': '3%',
				'border-top': '1px dashed #333',
			});
		});
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'move_header_widget_to_burger');

see here: https://webers-testseite.de/pureinstall/

i was looking for a php hook – but found no place to inject a widget area.
the main place where the hamburger is prepared is avia.js. – And to have a whole child-theme avia.js is no good alternative.

maybe Günter knows a better way.