How to center your logo vertically in Enfold

If you’re using the Enfold theme, you may want to center your logo vertically within the header. Kriesi’s support moderators will often recommend CSS that applies a¬†top value, specific to the size of your header, but you’ll also have to add another line removing this¬†top value for your shrinking header, and it’s not a universally dynamic solution.

Here’s how we do it:

.logo a img {
left: 50%; top: 50%;
transform: translate(-50%, -50%);
}

This should center your image logo vertically, regardless of the height of your header. Tested in: Edge v38, Firefox v52, Chrome v57

Don’t know about Enfold?

Enfold is one of the top rated and best selling premium WordPress themes, and we’ve used it to build over 20 websites! It’s available for purchase from ThemeForest, click here to find out more.

[divider line_type=”No Line” custom_height=”50″]

Do you like what you see? Contact us today!

If you’re Canadian or located in the National Capital Region, let’s chat about bringing your project or business online.

[divider line_type=”No Line” custom_height=”50″]