Move the header widget below the header on mobile

gistfile1.txt

<script type="text/javascript">
	// Only use if you're wanting your header widget below your site logo on mobile
	jQuery(document).ready(function($) {
		var mobile = jQuery( '.menu-toggle' );
		var Timer;
		
		function generateWidgetHeader() {
			if ( mobile.is( ':visible' ) ) {
				$('.header-widget').insertAfter('.site-logo');
			} else {
				$('.header-widget').insertBefore('.site-logo');
			}
		}
		generateWidgetHeader();
		jQuery(window).resize(function() {
			clearTimeout(Timer);
        		Timer = setTimeout(generateWidgetHeader, 150);
		});
	});
</script>