Archived topic
Add space between main menu and archive
9 replies · Started by Christine on June 4, 2018
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
Hi there,
Your site is under coming soon page.
Any chance you can unlock it so I can see?
Let me know :)
Okay it should be unlocked.
No unfortunately not.
Still coming soon to me.
Can you double check?
It should be working!
It's working now.
Would increasing the bottom header padding works for you?
https://docs.generatepress.com/article/header-padding/
Let me know :)
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!
Try this CSS:
.nav-aligned-center.nav-below-header .main-navigation {
margin-bottom: 50px;
}Thanks, that worked like a dream!
No problem!
