Archived topic

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

5 replies · Started by Silvio on November 13, 2019

Viewing posts 1–6 of 6

November 13, 2019 at 1:32 am #1061463

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

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

thanks for supporting.

November 13, 2019 at 6:15 am #1061681

Hi there,

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

And add a button to the menu:

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

November 21, 2019 at 12:26 am #1069784

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?

November 21, 2019 at 6:48 am #1070448

Include the align-items property in this CSS:

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

November 21, 2019 at 10:03 am #1071125

Thanks!

November 21, 2019 at 10:30 am #1071172

You're welcome

This archived topic is closed to new replies.