Centering header logo, keeping home URL link

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.

That’s what I was referring to in my previous comment –

“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.”

The header right widget has nothing to float next to since the main header is centered. So it has to be on its own line if you want the logo to be perfectly centered.

You’re Welcome! Just let me know if you need anything else.