How to make header full width
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.
Need fast email support? Get SiteOrigin Premium
Replies
6Hi Eric
Try the following under Appearance > Custom CSS:
/* Make the Masthead 100% */ body.responsive.layout-full #page-wrapper .full-container { max-width: 100% !important; }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
Sorry, try this:
/* Make the Masthead 100% */ body.responsive.layout-full header#masthead .full-container { max-width: 100%; }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%; }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
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.