How to center logo in Metro Pro. https://sridharkatakam.com/how-to-center-logo-in-metro-pro/

gistfile1.php

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 270,
	'height'          => 80,
	'header-selector' => '.site-title a',
	'header-text'     => false
) );

gistfile2.php

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 350,
	'height'          => 270,
	'header-selector' => '.site-title a',
	'header-text'     => false
) );

// Remove the header right widget area
unregister_sidebar( 'header-right' );

gistfile3.css

.title-area {
	float: left;
	padding: 0;
	width: 360px;
}

.site-title {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin: 0 0 16px;
	text-transform: uppercase;
}

gistfile4.css

/* Title Area
--------------------------------------------- */

.title-area {
	/*float: left;*/
	margin: 0 auto;
	padding: 0;
	width: 360px;
}

.site-title {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	line-height: 1;
	/*margin: 0 0 16px;*/
	margin: 0 0 20px;
	text-transform: uppercase;
}

gistfile5.css

.header-image .site-title a {
	background-color: none;
	max-width: 270px;
	min-height: 80px;
	padding: 0;
}

gistfile6.css

.header-image .site-title a {
	/*background-color: none;*/
	background-position: center;
	max-width: 350px;
	min-height: 270px;
	padding: 0;
}