Twentysixteen Move Social icons to Header

I want to display the social menu icons from the footer above the site title.

I’m assuming I need to edit a copy of header.php in my child theme, and also some css. The question is, how exactly?

I’ve put the following code under the custom_logo section in header.php, but nothing happens, other than “true” being echoed.

<?= has_nav_menu('social')? 'true' : 'false'?>

<?php if ( has_nav_menu( 'social' ) ) : ?>
	<nav id="social-navigation" class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentysixteen' ); ?>">
		<?php
			wp_nav_menu( array(
				'theme_location' => 'social',
				'menu_class'     => 'social-links-menu',
				'depth'          => 1,
				'link_before'    => '<span class="screen-reader-text">',
				'link_after'     => '</span>',
			) );
		?>
	</nav><!-- .social-navigation -->
<?php endif; ?>

Any help much appreciated.