Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] How do I remove this gap in my design?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #192361
    Russell
    Participant

    Hello:

    This should be easy, but of course, I can’t figure it out. I’m trying to remove a small gap that appears in my design. See here:

    http://note.io/13VPdfO

    The page is here: http://testing002.compoundeyedesign.com/2015/

    I’ve check my CSS and removed margins between the divs in this space, but that doesn’t seem to do the trick. Any ideas?

    This is the look I’m trying to achieve:
    http://note.io/1Khq6FG

    Any ideas?

    Kind regards, Russell

    #192372
    Paulie_D
    Member

    You have padding-top of 70px on the body presumably so that the fixed header doesn’t overlap the content.

    But the navbar is only 50px tall…so there’s a gap of 20px;

    body {
      /* min-height: 2000px; Not really required AFAICT */
      padding-top: 50px; /* adjust to this */
    }
    
    #192382
    Russell
    Participant

    Dear Paulie_D:

    Aha, thank you sir. I thought it might be something with the navbar height which I just couldn’t figure out. I didn’t realise it was the <body>.

    Muchos gracias!

    R

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