Too much space between header and main content

It’s not possible to help with CSS without seeing the actual site.

https://www.theoohwee.com/

Try using this in the css
navigation {
margin: 0;
padding-bottom: 100px; }

This is for the HTML
<div id=”navigation” role=”navigation”>
</div>

Tell me what you think

Creativedreams91, I added the css and nothing changed. Not exactly sure where I would add the html.

Does this theme come with Custom CSS option? If not, install a Custom CSS plugin and put this in.

html #navigation { margin-bottom: 0; }

no thats just the HTML that has the CSS navigation.

try this then
navigation {
margin: 95px 0px 0px 0px;

If it doesnt work let me know

Creativedreams91,

I took out this line of code:
#navigation {
margin:95px 0;
}

and added this line of code:

navigation {
margin: 95px 0px 0px 0px; } (you forgot the ending bracket)

and while the “white space” is gone, the header is now covered up by the content body! Should I put the original code back in? Or should I change something?

Paulwpxp,

Tried your code snippet and nothing changed. I added the code and saved it. And I took out the other #navigation code, added your code and saved it. Nothing changed.

Leave the code there in the Custom CSS plugin option, don’t forget to clear browser cache to see the change after each CSS edit.

I love you Paulwpxp! You are AWESOME! That worked PERFECTLY and looks good when people are logged in. I appreciate your help.

Thanks for your help too creativedreams91!

your very welcome!!!!