[Support request] Add space between main menu and archive

[Christine]

I would like to add some white space between the main menu below the header and the blog archive.

I would like to achieve this without increasing the padding of the containers, as this also makes the archived posts appear farther apart, and I would like them to be close together (closer, even than I can achieve by eliminating the top and bottom padding, but that’s a different question).

Is there a way I can add some space to the page so that the archive is not butted up against the main menu?

Thank you

[Leo]

Hi there,

Your site is under coming soon page.

Any chance you can unlock it so I can see?

Let me know 🙂

[Christine]

Okay it should be unlocked.

[Leo]

No unfortunately not.

Still coming soon to me.

Can you double check?

[Christine]

It should be working!

[Leo]

It’s working now.

Would increasing the bottom header padding works for you?
https://docs.generatepress.com/article/header-padding/

Let me know 🙂

[Christine]

Hi,

That would have worked for my original plan. I now have the main navigation below the header, with a logo in the header.

I would like to distance the navigation bar from the blog archive some. Any other ideas?

Thanks so much for your help!

[Leo]

Try this CSS:

.nav-aligned-center.nav-below-header .main-navigation {
    margin-bottom: 50px;
}

[Christine]

Thanks, that worked like a dream!

[Leo]

No problem!

[Author]

Posts