[Support request] Centered header with logo and Polylang

[Minna]

Hi!
How do I center a logo and site description? I have basic centered header logo image and menu centered. I added Polylang (free), but it looks like I can’t translate the logo image. Logo has a description in the image, but I can remove it and use site description text instead. But now the site description places on the right of the logo. It should be below the logo. How do I change that?

Notice! Front page has an Header Element and it was easy to translate and use different logos in languages. But other page headers still have the same logo. I think it is too complicated to add translations to other page headers via Elements. So I’m looking for a simple solution.

[David]

Hi there,

if you add this CSS:

.site-branding-container {
	flex-direction: column;
	text-align: center;
}
.site-branding-container .site-logo {
	margin-right: 0;
}

Then the site logo, title / description will stack so it can look like your current logo

[Author]

Posts