how to reduce header height

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

  • Hi windomearle

    There is a heading padding option in the premium version under Appearance > Customize > General: Header Padding.

    Alternatively try this in a Custom CSS plugin:

    /* Header */

header#masthead hgroup {
padding-bottom: 45px !important;
padding-top: 45px !important;
}

    Adjust 45px as required.

    Kind regards

    Andrew

    Thread Starter windomearle

    (@windomearle)

    Hi Andrew,

    That didn’t work for me, that is the CSS that worked for me, using a custom CSS plugin:

    hgroup.full-container {
height: 100px !important;
padding-top: 10px !important;
padding-bottom: 35px !important;
}

    Thanks anyway though! Best regards from windomearle

    Hi windomearle

    Awesome, glad to hear you managed to resolve. Thanks for posting your solution.

    All the best.

    Andrew

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to reduce header height’ is closed to new replies.