• Resolved jennifer08

    (@jennifer08)


    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)
  • 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)

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

    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.