[Resolved] Space above header

Home Forums Support Space above header

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #379933
    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 🙂

    #379934
    robert

    Version 1.4.3 Btw~

    #380010
    Tom
    Lead Developer
    Lead Developer

    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?

    #380842
    robert

    Oh okay, gotcha.

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

    Thanks Tom :p

    #380845
    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

    #381020
    Leo
    Staff
    Customer Support

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

    Are you seeing something different?

    #381381
    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!

    #381382
    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!

    #381421
    Leo
    Staff
    Customer Support

    Glad you found the solution!

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.