[Resolved] Space above header

[robert]

Hi, I can’t seem to adjust the space above the header.

On the appearance > customize > header padding is on 0 and it won’t let me save it as -11.

(On 0 there’s about 11 pixels of space above the header, thus I need to get it to -11)

I’ve adjusted it through CSS with
.site-header {
margin-top: -11px;
}

SO it’s not much of a problem, but I think it might be a bug?

Either way, thanks guys. I really love GeneratePress 🙂

[robert]

Version 1.4.3 Btw~

[Tom]

Padding doesn’t accept negative numbers, which is why that’s not working.

Can you link me to the page so I can see where the space is coming from?

[robert]

Oh okay, gotcha.

The page is https://maximizetips.com/home/

Thanks Tom :p

[robert]

Thinking about it again, could that also be the reason why I have a small gap at the bottom of my page as well? I had to adjust the margin to -23 on the bottom to get rid of the white space. :X

[Leo]

Hmm not seeing any space either top or bottom? http://www.screencast.com/t/BF0nrdRorY5

Are you seeing something different?

[robert]

The top is fine because I’ve adjusted it with css, but the bottom is a little problematic.

I initially adjusted the row to -23 margin to cover the gap through beaver builder on the row but I still get a gap from mobile view.
https://puu.sh/xu9zz/bc1f852a12.png

When I remove the -23 margin from row via beaver builder you can see the gap at the bottom
https://puu.sh/xu9sn/caf8b03c39.jpg

How should I adjust the footer margin with css to resolve this like with the top? For the top I used

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

and it’s working perfectly.

Thanks again!

[robert]

Okay, well. That was an easy fix.

Just used

footer {
margin-top: -23px;
}

and it solved everything.

I kept trying to do use “.footer” instead of “footer” so that’s why nothing was working -___-

Thanks again!

[Leo]

Glad you found the solution!

[Author]

Posts