Center Header Logo?

[Flash04jv]

I have spent waaay too much time trying to figure this out. I find tons of info for editing html in the additional.css, but I can't find the CSS code for Cloud. Been trying and trying to make my own code and it does nothing.

Seems like the simplest things I've done but I can not figure it out. I moved the Search box out of the way no problem. Now I want our logo to be centered across at the top of the page.

Help please?

[Flash04jv]

I have tried adjusting the titleimage padding in the stylevars as well. Those just never do anything for me...

[Flash04jv]

Cool. I got this to work. But it jacks up the mobile.... Ugh.

#header .header-cell {
    width: 50%;
    text-align: right;
}
#header .toolbar {
   width: 50%; /* seems to work without this, but I don't know about IE (try with and without this) */
}
#header .site-logo {
    max-width: 1000px;
    display: inline-block;
    margin-right: -480px; /* half of the logo width */
}
#header .site-logo img {
    max-width: 1000px;
    width: 1000px;
    height: 180px;
}

[Flash04jv]

Haha, I got it in CSS! 4 hours later. I used the same code I used to moved the search box down into the navbar. Then added the code in red to center the logo. Even looks correct on mobile! Thanks for all your help Flash04jv

/*Moves Search field button into the Navbar Line*/
#header { position: relative;}
#header .header-cell { width: 100%;}
#header .site-logo img { max-width: 100%; [COLOR=#FF0000]display: block; margin: auto[/COLOR]} /*Makes logo span the width of the header*/
#header .site-logo { padding: 0;} /*Remove padding around the banner logo*/
#header .toolbar {position: absolute; right: 0; /* For RTL languages*/
bottom: -30px; padding: 0;
display: block; width: auto;}
/*Edit search box width from 168px to 120px or any size if you want*/
.search-container .search-box .search-term { width: 120px}

[OPrescott]

Thanks for that!