Home>Support>Logo Size in Header

Logo Size in Header

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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, 10 months 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, 10 months ago Andrew Misplon
    Hi, I Work Here

    So basically two options to pick from there.

  3. 10 years, 9 months ago Jessica

    Awesome! Thank you!

  4. 10 years, 9 months 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