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.

Replies

4
  1. Andrew Misplon Staff 11 years, 5 months ago

    Hi Jessica

    When using the full width layout you’d need to separate your logo and background image in order to fill the header space. You’d add your background image at Appearance > Customize > Page: Masthead Background Image and your logo via theme settings.

    If you changed your layout to boxed via theme settings you could then use a 1080px wide logo that would fill the header. To accomplish this you’d also need to add the following to Appearance > Custom CSS:

    /* Full header logo */
header#masthead {
padding: 0 !important;
}
header#masthead hgroup {
padding: 0 !important;
}
header#masthead hgroup .logo img {
width: 1080px;
}
.main-navigation {
margin: 0 !important;
}
body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
display: none !important;
}
  2. Andrew Misplon Staff 11 years, 5 months ago

    So basically two options to pick from there.

  3. Jessica 11 years, 5 months ago

    Awesome! Thank you!

  4. Andrew Misplon Staff 11 years, 5 months ago

    Super, glad to hear that helped.

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