Andrew Nevins on "[Theme: Expound] Header doesn't display fully in mobile version"

Could you have just the first 2 characters of your logo on mobile and the rest on larger screens?
E.g try this:

.site-header .site-branding {
 background-size: 100%;
}

@media screen and (max-width: 420px) {
 .site-header .site-branding {
  background-image: url(http://snag.gy/lgY3k.jpg);
  background-size: 80%;
 }
}