Remove white space below site title/logo

  • Resolved sparklymia

    (@sparklymia)


    10 years ago

    Hi. I am using a child theme on my website http://www.aidworks.org.uk

    I have replaced the site title with my logo. I have removed various bits of white space in the header (including the top margin of the navigation menu) by using resolved topics on this forum.

    However, I would like to further decrease the white space between my logo and the main navigation menu, so that the logo looks evenly spaced between the top of the page and the navigation menu.

    Thanks for your help (and while I’m here, an amazed thanks for all the brilliant info you’ve all shared in this forum. I have no clue what I’m doing and yet with your help, I’ve managed to make an alright looking website. Truly, thank you.)

Viewing 2 replies - 1 through 2 (of 2 total)
  • metaprinter

    (@metaprinter)

    10 years ago

    You need to change your line-height to zero in your child css.
    Add:

    .site-header h1 {
	line-height: 0;
	margin-bottom: 0;
}

    and

    /* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
  .site-header h1 {
	line-height: 0;
  }
}

    Thread Starter sparklymia

    (@sparklymia)

    9 years, 12 months ago

    Worked perfectly – thank you so much 🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove white space below site title/logo’ is closed to new replies.