Added Social Icons to Mobile Header (after removing Hamburger Menu)

Site URL: https://superfinesocial.com/

Using 7.1 - I removed the Hamburger Menu from Mobile Header as we are not linking our pages to the top navigation. We subsequently lost the social icons as they were within Hamburger Menu. Would anyone have code to insert Social Icons on Mobile Header after removing Hamburger? Please note, we already inserted the following Custom CSS Code to remove the Hamburger Menu from Mobile Header:

// Remove Hamburger Menu Icon //

@media only screen and (max-width: 640px) { .burger {
  display: none;
}
}

Thanks in advance to anyone who can assist.

Hi. If you use Business Plan or higher, we can use JavaScript to move icons from burger to header.

Which plan do you use?

Yes, we have the Business Plan...thanks for your time!

Add to Code Injection Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('.header-menu-actions').appendTo('.header-burger');
	});
</script>

Add this to Code Injection Header

<style>
  @media screen and (max-width:767px) {
.header-burger {
    width: 100px !important;
    flex: 100px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
    button.header-burger-btn.burger {
    display: none;
}
    .header-title-nav-wrapper {
    flex: 1 0 calc(100% - 100px) !important;
}
    .header-menu-actions {
    margin-top: -80px !Important;
}
    .header-menu-actions * {
    fill: blue;
}
  }
</style>