Make logo bigger

The logo is contained by the width of it’s parent container #site-branding so it won’t go wider than that.

The default width of #site-branding is 20% so you can increase this with custom CSS but you will also have to decrease the other containers in the header to compensate.

Example custom CSS with the default width values:

@media (min-width: 1025px) {
  #site-branding {
    width: 20%;
  }
  #site-description {
    width: 30%;
  }
  #top-info {
    width: 50%;
  }
  .site-navigation {
    width: 80%;
  }
}

Notice that #site-branding, #site-description and #top-info add up to 100%.

Also #site-branding and .site-navigation also total 100%.

So in the custom CSS code above you can try different widths, for example:

@media (min-width: 1025px) {
  #site-branding {
    width: 25%;
  }
  #site-description {
    width: 25%;
  }
  #top-info {
    width: 50%;
  }
  .site-navigation {
    width: 75%;
  }
}