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.

Logo Size in Header

Resolved 4 replies premiumthemetheme-vantage
Jessica
Started · Latest reply by Andrew Misplon

Where do I find out the measurements for Logo Size in Header? I am thinking of creating a banner and would like to know the dimensions I’m working with Please direct me where I can go to find this info.

Thank you!

URL: http://soulbie.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff

    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

    So basically two options to pick from there.

  3. Jessica

    Awesome! Thank you!

  4. Andrew Misplon Staff

    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