how to display Site Tagline below the logo

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

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

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/

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.

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

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

You're welcome :)