I’ve looked through the forums and tried various code alterations but can’t seem to get the header on my site to be full width. Any ideas? www.refconsultant.com
This is the code that I inserted using Simple Custom CSS
/* Home */
.home #main { padding-top: 0; }
/* Vantage Full Width: 100% Width Logo Space */
body.responsive.layout-full #page-wrapper #masthead .full-container {
max-width: 100%;
}
body.responsive.layout-full #page-wrapper #masthead .site-navigation .full-container {
max-width: 1080px;
}
header#masthead .hgroup .logo {
float: none;
text-align: center;
}
header#masthead {
padding: 0;
}
.main-navigation {
padding: 0px;
}
.page-template-default .entry-header { display: none; }
#masthead .hgroup {
padding-top: 0px;
padding-bottom: 0px;
}
.logo-height-constrain {
width: 100% !important;
}
Hi Kyujo
Sorry we weren’t able to reply sooner. If you’d still like help with this question, please, see below.
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
I also sent an email to your support team as I am a premium theme user. I was able to get it all worked out with their help but thank you for responding.
Super, really glad to hear you’ve resolved the problem. For any further challenges, please, reach out to us via email and we’ll do our best to assist quickly.
All the best with your site :)