Change Header Height

  • How can I change the height of the white header on top? There is a lot of padding above and below the menu text.

    Also on individual pages the title seems to be scrunched up to the top of the banner area. How can I add some padding?

    Is there also a way to change the banner height on the pages? I want them a little taller.

    Thanks!!

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

  • Hi there,

    In order to change the white header please open Appearance → Customize → Additional CSS and add the following css:

    .navbar-custom .navbar-nav > li > a {
    padding: 15px 12px;
}

.navbar-custom {
    min-height: 70px;
}

.navbar-custom .navbar-brand {
    padding-top: 18px;
    padding-bottom: 0;
}

    Also on individual pages the title seems to be scrunched up to the top of the banner area. How can I add some padding?
    Could you send me some screenshot or URL to the page where do you want to add some padding?

    To make a banner a little smaller you can try this:

    .jumbotron {
  padding: 50px 0 30px;
}

    Hope that helps. Feel free to reach out if you need anything.

    Thanks – I was also wondering how to reduce the header padding, and this worked perfectly.

    Thread Starter reddyvv

    (@reddyvv)

    Thank you!

    Hi @syzygist and @reddyvv,

    I’m glad to hear that it works as intended ??

    @reddyvv – could you mark the post as resolved, please?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Header Height’ is closed to new replies.