This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Remove theme header for Page Builder

Resolved 12 replies pluginplugin-page-builderquestion
Hank
9 years ago · Last reply by Andrew Misplon 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

12
  1. Andrew Misplon Staff 9 years, 11 months ago

    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. Hank 9 years, 11 months ago

    Hi Andrew,

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

    Best regards,
    Hank

  3. Hank 9 years, 11 months ago

    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. Andrew Misplon Staff 9 years, 11 months ago

    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. Hank 9 years, 11 months ago

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

  6. Andrew Misplon Staff 9 years, 11 months ago

    Super :) Glad we could assist.

    All the best.

  7. Hank 9 years, 10 months ago

    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. Andrew Misplon Staff 9 years, 10 months ago

    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. Hank 9 years, 10 months ago

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

  10. Andrew Misplon Staff 9 years, 10 months ago

    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. Hank 9 years, 10 months ago

    Problem solved. Thanks a million!

  12. Andrew Misplon Staff 9 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread