[Resolved] White Space Needed Under Top Bar

[James]

I’ve been fiddling around with settings, but I can’t seem to get a thin white space separator between my top bar and header image. As there is between the bottom of the header image and primary nav bar.
http://www.MiramichiReader.ca

Thanks,

[David]

Hi there,

you can set the Customizer > Background Image > Header –> Size to Cover this will remove the blank space. And i would suggest you add 50% 50% to the Position field – this will make sure the image remains centered

[James]

Thanks David. I actually wanted the opposite: to get some white space separation between the header image and the top bar and nav bar below it. 🙂
However, your suggestion looks good, too. Could you still suggest a fix for what I’m looking for?

[David]

Oops sorry – i don’t know how i misread that lol.

Try adding this CSS:

.site-header {
    margin-top: 4px;
}

or this for space above and below the header image:

.site-header {
    margin-top: 4px;
    margin-bottom: 4px;
}

[James]

Thanks, David. I went with the second suggestion, and that was the fix I was looking for.
Great support, as always!

[David]

Glad to hear that

[Author]

Posts