Header Area Height

  • Resolved jennifer08

    (@jennifer08)


    9 years ago

    The header area of my website (the area that has the site name, in the example image on the themes website it shows a laptop and an mp3 player in the header area) is taking up a good chunk of the vertical space of my website, meaning my website’s users will have to scroll more. Is there any way to reduce the height of the header section so it will be a thinner section?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Chad Chadbourne

    (@shireling)

    9 years ago

    Hi @jennifer08!

    This CSS should work to reduce the padding:

    @media screen and (min-width: 768px) {
    .home .site-branding {
        padding: 5em 0;
    }
}

    You can adjust the 5em part to your needs. Feel free to use decimals to fine tune it! (the original number was 7.75)

    To apply this CSS, you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module.

    Thread Starter jennifer08

    (@jennifer08)

    9 years ago

    Thank you for the help. It allowed me to change the height on the home page.

    Chad Chadbourne

    (@shireling)

    9 years ago

    You’re welcome!

    When you’re ready, you can mark this thread as Resolved over in the sidebar

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header Area Height’ is closed to new replies.