[Resolved] I need a little white space, please.

[James]

My site is: Miramichi Reader. I would like to have some white space between the nav menu (currently above the header) and the header itself. I’m probably overlooking something in Customizer, but I may need some code help.

Thanks!

[Leo]

Hi there,

You can try using the separate containers in layout and adjusting the separating space:
https://docs.generatepress.com/article/content-layout/
https://docs.generatepress.com/article/separating-space/

If you prefer one container, then try this CSS:

.main-navigation {
    margin-bottom: 10px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[James]

I added the css, but I’m not seeing a change, Leo. I have containers set to single at the moment.

[Leo]

Hmm that CSS should work but I don’t see it being added.

Are you using a caching plugin?

[Tom]

Why not just add more header padding in Customize > Layout > Header?

[James]

I don’t have a caching plugin, and I flushed my cached with the Godaddy link.

[Leo]

I still don’t see the code being added.

Have you added any other CSS? It’s possible that there are syntax errors in the previous code which stops my code from executing.

[James]

@tom: changing values appears to only move my text lower on the header background.

[James]

Tom, Leo: it was a bad copy/paste on my part! I was was missing the period before main. Very sorry, guys. Resolved.

[Tom]

Glad you got it working 🙂

[Author]

Posts