First add this to your css –
.head-wrap .site-header {
background-position: center top !important;
}
Then add this to your title-area around line 1897 –
.title-area {
float: none;
height: 150px;
margin: 0 auto;
text-align: center;
}
In order for the logo to center (and still be clickable) the content in the header right area will show up under it on the next line since we removed the “float” code…..which means it has nothing to float next to.
Add that code and let me know what all happens, there may need to be more adjustments made, but we would have to see in order to know what to do next.