Page Header Height

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

    (@jx-3p)

    10 years, 3 months ago

    div#pageheader {
    height: 425px;
}

    Change the 425px to whatever size you’d like!
    Hope that helps!

    Ben Ritner – Kadence WP

    (@britner)

    10 years, 3 months ago

    Hey,
    The height is based on the content and changes with screen sizes if your title say takes up two lines. The image is just meant to be a background for that.

    What I suggest if your wanting the header to be larger is just to increase the padding around the page title so the space increases.

    .page-header {
    padding-top: 80px;
    padding-bottom: 80px;
}

    Kadence Themes

    Thread Starter adventuresailing

    (@adventuresailing)

    10 years, 3 months ago

    Thanks!
    I tried both. This one worked by adding it in the custom css box:

    div#pageheader {
    height: 425px;
}

    I didn’t see any changes when I tried this one in the custom css box:

    .page-header {
    padding-top: 80px;
    padding-bottom: 80px;
}

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

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