Twenty Twelve – space below header

  • Resolved richard.miller

    (@richardmiller-1)


    12 years ago

    I’ve been bashing my head against this for three hours.

    There’s what looks like a two-pixel grey gap below my large header image, and above the navigation. You can really see it at the edges, where the gold borders should abut the header graphic.

    I can’t find anything to target it, no idea what the source is.

    The inspector reveals a strange area connected to the “a” anchor tag – but I don’t know what to make of that at all. (screenshot)

    Any suggestions?

    https://spitfiremoto.com/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you tried floating your anchor tag left?

    On line #30 of your CSS there’s this:

    img.header-image, .header-image {
margin: 0;
border: 0;
}

    If you change the margin to:

    img.header-image, .header-image {
margin: 0 0  -2px;
border: 0;
}

    That gets rid of the 2px at the bottom of the image. I have no idea why it’s there, but it works.

    Floating the anchor tag as Andrew suggested also works.

    Thread Starter richard.miller

    (@richardmiller-1)

    I tried the left-float first … magic.

    Thanks Andrew and Christine!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Twelve – space below header’ is closed to new replies.