Site Logo not centering

Hello,
Thanks for the great question. I’m sorry to hear you’re having trouble centering your logo.

The Callaway Theme is designed with a right-side Logo, so it doesn’t actually support being centered by default. However, you can accomplish this with a little bit of CSS in your Customize -> Advanced -> Custom CSS & JS menu.

First, you’ll need to get the size of your logo from your Customize -> Site Title & Logo menu:


In this example, the Logo size is 220. Divide that number by half, in this case 110. Then add the following code to your Custom CSS:

.logo-site-title img {
	display: block !important;
	left: calc(50% - 110px);
}

Substitute half of your logo size for the “- 110px” portion, and your logo will be centered.

I hope this helps!

• This reply was modified 10 months, 3 weeks ago by BoldGrid Support.