Need help with centering my vBulletin Header IMG

[Nastrix]

Hi guys,

So i'm trying to center my header IMG but i have no clue how to do that, i've tried looking in the CSS files but cant find it. Is there a CSS code i can use in Additional.Css file to center my img? or what CSS file do i have to look for exactly to change my Header IMG to center

[glennrocksvb]

Without seeing your site, I'm guessing you are on vB5 and need this code:

#header .site-logo {
    text-align: center;
}

Add that CSS code in css_additional template.

[Nastrix]

I am running vB5 and the website is Nastrix.co.uk. I've done it without using the CSS code by making sure the image was center when i uploaded it. Not very good at explaining. But thank you anyway.

[glennrocksvb]

Well, you can use the original smaller logo and use the CSS code below.

#header .toolbar {
    width: auto;
}

#header .site-logo {
    text-align: center;
}

This is slightly better because the logo is smaller in size which means it will be loaded faster and for mobile users, more mobile data will be saved. This may not be that much of a difference but it's just odd to have the actual logo inside the image file not centered. If your logo turned up in Google Image results, people will see that.

[glennrocksvb]

Actually right now, your solution only works on desktop or bigger screens. I checked your site on mobile and the logo is not centered.