Home>Support>Remove theme header for Page Builder

Remove theme header for Page Builder

By Hank, 8 years ago. Last reply by Andrew Misplon, 8 years ago.

Hi everybody!

I love Page Builder, there is just one thing: I can’t seem to remove the header of the WordPress theme (Twenty Fourteen) and it messes up my pagebuilding. My site is: www.demotortrainer.nl

Does anyone know how to remove it? Maybe there is some other ‘blank’ theme I can use? Or a plugin or something?
I have been trying for days now, really could use your help.

Thanks!
Hank

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Hank

    Thanks for reaching out.

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Header */
#masthead {
    display: none;
}

    You might also need to install the SiteOrigin CSS Editor.

    The above assumes you want to hide the header on all pages. If not, please, let us know the pages you would like to hide the header on.

    Thanks :)

  2. 8 years, 6 months ago Hank

    Hi Andrew,

    It worked! I am so thrilled! Thank you so much!

    Best regards,
    Hank

  3. 8 years, 6 months ago Hank

    PS.
    There still is a smaller white space at the top and bottom of the site (demotortrainer.nl), can I fix that as well?

  4. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Assuming these changes are only for the home page and not sitewide, please, try replacing our previous custom CSS rule with the following:

    .home #masthead {
    display: none;
}

.home article {
    margin-bottom: 0;
}

.home.page article .title {
    display: none;
}

.home .site-footer {
    display: none;
}
  5. 8 years, 6 months ago Hank

    Great, this worked like a charm! Also wrote css-codes for the other pages. Thank you very much!

  6. 8 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad we could assist.

    All the best.

  7. 8 years, 4 months ago Hank

    Hi,

    Tried adding this CSS again on another site (www.101motoren.com) but it did not work. Still the white space on top. Also, the rows do not fill out like the template (http://layouts.siteorigin.com/layout/we-love-design/), there are white spaces left and right.
    What can I do?

    Thank you in advance,
    Hank

  8. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hey Hank

    Try going to AppearanceTheme Settings, change the Layout Bound from Boxed to Full Width.

    Let me know once the above is done and I’ll take another look. Thanks.

  9. 8 years, 4 months ago Hank

    Andrew, thanks again. It worked!
    Still the white space on top, despite the css-code I used.

  10. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the change.

    For the space, assuming it’s just for this page, please, add to custom CSS:

    .home #main {
    padding-top: 0;
}

    Let me know how that goes.

  11. 8 years, 4 months ago Hank

    Problem solved. Thanks a million!

  12. 8 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that did the trick.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More