Archived topic

White Space Needed Under Top Bar

5 replies · Started by James on April 24, 2020

Viewing posts 1–6 of 6

April 24, 2020 at 2:09 pm #1254192

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,

April 25, 2020 at 5:12 am #1254829

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

April 25, 2020 at 5:33 am #1254845

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?

April 25, 2020 at 7:01 am #1254946

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;
}

April 25, 2020 at 7:12 am #1254960

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

April 25, 2020 at 8:08 am #1255163

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.