[Resolved] how to display Site Tagline below the logo

[Sam]

Please advise how to display the ‘Site Tagline’ below the logo. Right now, it appears above the logo.

[Sam]

Further, I want it to be centered, just like the logo.

[Sam]

FYI, I am using:
GeneratePress Version: 2.2.2
GP Premium Version 1.8.1

[Tom]

Hi there,

Try this CSS:

.inside-header {
    display: flex;
    flex-direction: column;
}

.site-branding {
    order: 10;
}

Depending on your browser compatibility needs, you might want to run that CSS through this tool: https://autoprefixer.github.io/

[Sam]

Tom,
I tried adding the following at the end of the style.css file but to no effect:

/*
 * To display the Site Tagline below the logo
 */

.inside-header {
    display: flex;
    flex-direction: column;
}

.site-branding {
    order: 10;
}

Please guide forward.

[Tom]

Can you try adding it using one of these methods?: https://docs.generatepress.com/article/adding-css/

[Sam]

Tom,
Adding the above css via the plugin Simple CSS worked for me.
Thank you.

[Tom]

You’re welcome 🙂

[Author]

Posts