[Resolved] Could you help creating a 3 parts header bundled with navigation?

[Silvio]

Hi, I would like to make an header like this one

https://minimalism.life/journal/a-taste-of-zen

So basically splitting header in 3 (I found this on the docs) and putting primary navigation in the header-section-2.

thanks for supporting.

[David]

Hi there,

if you can begin by setting up your site with the Navigation as Header option:

https://docs.generatepress.com/article/navigation-as-a-header/

And add a button to the menu:

https://docs.generatepress.com/article/adding-buttons-navigation/

Then i can assist with the CSS to match the example.

[Silvio]

Hi, I put it live here https://dev.vivereintenzionalmente.com and it seems I did more or less. How do I vertically align elements in the header?

[David]

Include the align-items property in this CSS:

.header-section {
    display: flex;
    padding:30px;
    align-items: center;
}

[Silvio]

Thanks!

[David]

You’re welcome

[Author]

Posts