Widget area added under menu in left sidebar breaks burger menu on mobile

I added a webshop login for in a widget area and I placed this widget area below the vertical navigation (in the left sidebar) with the following code in the functions.php:

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
	dynamic_sidebar( 'webshoplogin' );
}

This works fine on desktop, but this solution breaks the burger menu on mobile devices: it’s empty. (the widget content is shown on the page top, ehich is perfect.

Is there a way to publish the content right below the navigation, which also works on mobile?