How to remove the gap at the top of the header

  • MusicalCreeper01

    (@musicalcreeper01)


    9 years, 7 months ago

    Hi guys,

    I’m working on my first custom WordPress theme for my website, cause I couldn’t find a free one that looked the way I wanted. I’ve gotten along pretty far now with the help of a tutorial. Now I’m working on editing the CSS to match what I would like.

    My problem is that there is a bar across the top of the screen, above the header, when I want the header to go right against the top of the pages.

    Here is a screenshot of what is happening: https://www.dropbox.com/s/0y2n0dlj3ij73bu/Capture2.PNG?dl=0

    If you need it, I can upload the theme files for you to download and look at.

    -Keith

Viewing 4 replies - 1 through 4 (of 4 total)
  • Simalam

    (@simalam)

    9 years, 7 months ago

    Hello,

    What I think is happening is that there is a margin on the top of your heading that says “Page Title”. Margins will collapse on each other vertically and will not push the container down.

    There’s a couple ways you could fix it. You could remove the margin on top of the heading and add some padding to the top of your header. You could also add a 1px padding to the top of the header or use a clearfix on your header:
    Clearfix

    Good Luck!

    Thread Starter MusicalCreeper01

    (@musicalcreeper01)

    9 years, 7 months ago

    I don’t think it has to do with a margin. I tried removing all my margins, but it didn’t seem to change.

    stephencottontail

    (@stephencottontail)

    9 years, 7 months ago

    There is almost no way for anyone to diagnose the problem with just a screenshot. You should be able to use Firebug to diagnose the problem, though. You can make CSS changes in Firebug and see how the site changes immediately.

    Thread Starter MusicalCreeper01

    (@musicalcreeper01)

    9 years, 7 months ago

    @stephen I have been doing that, but I didn’t get any changes.

    I just figured out what the issue is, the space at the top is where the admin bar is support to be, if I log out, it disappears. So now I have to do some digging to find why the admin bar doesn’t appear, thanks for your help guys 😉

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to remove the gap at the top of the header’ is closed to new replies.