By default, the front page custom header has the site title and description aligned to the left, but on the live demo site, I have it centered. This requires a little bit of custom CSS, but you are in luck because I will give that to you with the following tutorial….which is quite easy. We will center the front page site title like this:
Go to Appearance >> Customize >> Additional CSS
Then copy & paste the following code into the field. Once done, click Save or Publish.
/* Center front page header branding and menu */
.home #top-menu {text-align: center;}
body:not(.title-tagline-hidden) .site-branding-text {
display: block;
vertical-align: middle;
text-align: center;
}
body:not(.home) .site-branding-text {display:inline-block;}
body.has-header-image .site-description, .site-description {
margin-left: auto;
margin-right: auto;
}