There isn't currently a setting to do this, but can be achieved with some custom CSS.


Logo no padding

.logo-img {
  height: 50px;
  margin: 5px;
}
@media screen and (max-width: 56.8125em) {
  .logo-img {
    height: 30px;
  }
}

Header bigger

.header {
  height: 80px;
}
.header-clear {
  margin-top: 80px;
}
.navigation a,
.navigation a:hover {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 56.8125em) {
  .header {
    height: 60px;
  }
  .navigation a,
  .navigation a:hover {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

JS for hi-res logo

var logo = $('.logo-img')
var src = $(logo).attr('src').replace('/s/', '/').replace('/l/', '/')
$(logo).attr('src', src)
Did this answer your question?