Archived topic
Change vertical position of Title and Tagline in the header
3 replies · Started by Melanie on October 28, 2022
Hello,
I have a question about the vertical placement of the title and tagline in my header.
The header currently has the logo, followed by the title/tagline. The title is above the tagline, as normal. I'd like to shift the title and tagline down, possibly aligning the tagline with the bottom of the logo. (However, I'd love the flexibility to move the title/tagline down any specific amount.)
Is there a way to do this? I've been searching for a solution, but the approaches I've tried haven't worked.
Thanks for your help!
Melanie
Hi there,
we can use some CSS. Try:
.site-header .site-branding-container {
align-items: flex-end;
}
.site-branding {
margin-bottom: 10px;
}To cover, in the first rule we use align-items: flex-end;, as the branding container is a flex, row, this vertically aligns the content to the bottom.
In the second rule we then select just the site-branding and give it a little bottom margin to move it up 10px. Adjust this value to suit your needs.
Yes, that's perfect! Thanks so much. You guys have incredible customer support.
Melanie
Happy to be of help :)
