Home>Support>How to make header full width

How to make header full width

By Eric, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi, i’m wondering if there is a way to make my header full width when in full width layout bound. My header size is 2136 × 302.

Thank you,

Eric

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

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

    Hi Eric

    Try the following under Appearance > Custom CSS:

    /* Make the Masthead 100% */

body.responsive.layout-full #page-wrapper .full-container {
max-width: 100% !important;
}
  2. 9 years, 9 months ago Eric

    Thank you for the very quick reply, however, I tried the code but it didn’t change the header layout.

    Here’s the link to the site in question: http://www.cesarpalacio.com/WP/

    Thank you.

    eric

  3. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Sorry, try this:

    /* Make the Masthead 100% */

body.responsive.layout-full header#masthead .full-container {
max-width: 100%;
}
  4. 9 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Or just the masthead and not the nav:

    /* Make the Masthead 100% */

body.responsive.layout-full header#masthead .full-container {
max-width: 1080px;
}

body.responsive.layout-full header#masthead .hgroup.full-container {
max-width: 100%;
}
  5. 9 years, 9 months ago Eric

    Thanks again.

    I tried but it didn’t change it. I’ve now put it back to box but it’s now showing padding on the left and right side. At least I had it lined up prior so it’s just a matter of remembering where I made those changes.

    Thanks again,

    Eric

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

    Ok, sorry, let’s take another look. Which layout do you want to use, the full width or the boxed layout. Moving forward I mean, which one do you want to stick with?

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