Site title and menu do not display in same way as my other GP sites

Hi there,

Not sure if I fully understand.

The new site is the new default look in GeneratePress 2.0:
https://generatepress.com/generatepress-3-0-a-new-era/

Do you want to title and tagline to display above the toggle instead?

Let me know :)

Thanks for the link. That explains it.

What I want is for the title and tagline to be above a banner image and for the menu to be beneath the banner. lined up starting from the left. Here is an updated test site with a temporary banner image:
https://mofsa.org/bobtest/

And I would like the title to be in a much larger font, like in the old GP theme, e.g.
https://mofsa.org/community/

For right now simply reverting to the old theme look would be fine, though later I would like to customize and incorporate the best of the new look in what I am trying to do. I do like the performance improvements of the new theme. It does look like you guys have done a great job.

Hi Robert,

1. Go to customizer > layout > primary navigation > Navigation Location, choose below header.

2. Add this CSS:

.site-branding-container {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.site-branding-container .site-branding {
    order: -1;
    width: 100%;
}

Let me know how it goes :)

Hi Ying,

It worked!
https://mofsa.org/bobtest/

Next questions:
1. How to add spacing after the tagline, so that the spacing between the tagline and image will be the same as between the image and the menu (just not jammed right next to the image)?
2. How to customize the font of the title and the tagline. I want the font to look like the old GPP style, as in
https://mofsa.org/community/

Thanks!

Bob

For question 1, try this CSS, feel free to adjust the number:

p.site-description {
    margin-bottom: 40px;
}

For question 2, go to Customizing > Typography > Header, should be able to adjust the font there.

Let me know :)

Question 1 worked great.

But for Question 2 I don't find Customizing > Typography > Header.
I find Heading1, Heading2 and Heading3, but that is not what I'm looking for. It is the site title "Longing for Autumn" right at the top that i want to make into a bigger font.

Go to appearance > Generatepress, activate the Typograph module there, then you should be able to see the options :)
https://www.screencast.com/t/ytc3P001

Yes! Thank you, Ying!
https://mofsa.org/bobtest/

I have marked this topic as closed.

Now I can begin work on my real blog!

You are welcome!

And enjoy writing blog :)