Centering Logo

[Donny Claxton]

Bill, sorry to trouble. I’ve played around with the coding in Editor and looked at the previous post about logo not being flush left, but I’m trying to figure out how to make a 960 px logo center. If I add 620 px to the left number, it doesn’t show up on iPhone. If I add center, center center, etc. it doesn’t appear at all in a browser. And when I do the pixel left, it shrinks the image so one can’t read it on iPhone.

Thanks.

[Bill Robbins]

Good Morning Donny,

You’re welcome to center the logo there. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   #logo {
   	width: 100%;
   	text-align: center;
   	position: absolute;
   }
   

3. Update your settings.

That also changes the logo from being fixed in place to scrolling. That seemed to fit a bit better with your logo. If you’d like to keep it in place, remove the position: absolute; from the style above.

Have a great week,
Bill

[Author]

Posts