[Support request] Change vertical position of Title and Tagline in the header

[Melanie]

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

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Melanie]

Yes, that’s perfect! Thanks so much. You guys have incredible customer support.

Melanie

[David]

Happy to be of help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts