Site logo

Archived topic

Space above header

8 replies · Started by robert on September 5, 2017

Viewing posts 1–9 of 9

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 :)

Version 1.4.3 Btw~

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?

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

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!

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!

Glad you found the solution!

This archived topic is closed to new replies.