SOCIAL ICON IN mobile menu

HI.
I found this code in another thread to add social icons to the mobile flyout menu, but I need mine at the bottom instead of at the top.

// add social icons inside the mobile menu
function ava_custom_script_mod_social(){
?>
<script>
(function($){
	var int = '';
	function a() {
		var isMobile	 = $('.av-burger-menu-main').css('display'),
			htmlString   = $('#header_main .social_bookmarks').find('li a'),
			mobileMenu   = $('.av-burger-overlay'),
			socialString = [];

			if(isMobile == 'none') return;
			if($('.burger-social').length) clearInterval(int);

			htmlString.each(function() {
				var socialClass	= $(this).parent('li').attr('class'),
						socialItems = $(this).wrap('<li class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
				socialString.push(socialItems);
			});

			$(socialString).each(function() {
				$(this).prependTo('#av-burger-menu-ul');
			});
	}

	$('#header').on('mousedown', '.av-main-nav-wrap', function() {
		int = setInterval(function() {
			a();
		}, 500);
	});

})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_social');

Can you help me fix the code to do that?
thanks
Nancy