Home>Support>Logo Size in Header

Logo Size in Header

By Jessica, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 13 days ago Andrew Misplon
    Hi, I Work Here

    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. 10 years, 13 days ago Andrew Misplon
    Hi, I Work Here

    So basically two options to pick from there.

  3. 10 years, 12 days ago Jessica

    Awesome! Thank you!

  4. 10 years, 10 days ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More