Add the following code to your responsive CSS section in the (max-width: 1023px) section –
.site-title {
margin: 0 auto 20px;
}
It should go inside this section –
/* iPads (portrait)
--------------------------------------------- */
@media only screen and (max-width: 1023px) {
Then change display: block
back to inline-block
on line 3106 for the dropdown menu to go back to horizontal –
.genesis-nav-menu.responsive-menu .menu-item,
.responsive-menu-icon {
display: inline-block;
float: none;
}