How to center custom logo header image

Try:

.logo {
 left: 50%;
}

.logo img {
 position: relative;
 left: -50%;
}

thank you for the reply Andrew!
Am I putting this under ‘Theme Options -> custom styles’?
That doesn’t seem to work. I think my biggest problem is where and how I’m implementing it.

i updated with the code you sent, under theme options -> custom styles, and i see no difference from my end . If you have a chance, let me know if it looks any different for you?

Did you clear your cache?

Andrew, you are awesome.
I was so confused. I thought I did, but apparently it was not clearing completely because if i check from another computer it works fine. thanks man!

Hey Andrew, you were so helpful before I was hoping you might help me out again.
I’m trying to do the same thing on the page https://www.dev.GuyatoneUS.com and its centered fine, BUT the logo seems to be constrained to a small size and I can’t figure out how to let it be 100%
Do you know the answer to this?

I think i’ve figured it out (as you can seen) but I’m not sure WHY it works the way it does.