I figured it out. If you change your width to around 370px it will show up centered. Right now it’s set at 1140px, so it’s basically trying to take up the entire 1140px space of the site….but if you decrease it to 370px it will center like this – http://i.imgur.com/j9bq376.png
The code I’m referring to can be found on line 1229 –
.site-header {
background: url(images/logo.png) no-repeat scroll center top transparent !important;
margin: 0 auto;
max-width: 370px;
}
You can use “width” or “max-width” and it should work fine.