Archived topic
Centered header with logo and Polylang
1 reply · Started by Minna on February 13, 2023
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.
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