How do I change the store name font size or add a space to it?

[pmartensen]

My store name is really long and wraps badly.  How do I change the font size, or add a space to the name?

[pmartensen · Accepted solution]

This may be an ugly solution, and I would love to know if there's a better one, but it works.  In the Assets/ theme.scss.liquid file, I added the max-width:90px  line.  I had to find the correct # of px to get it to work, but it looks fine now on mobile.  Is there a better solution?

.site-header__logo-link {
  display: inline-block;
  max-width:90px;
  word-break: break-word;
}

[pmartensen]

A slightly better solution is to use "xxch" instead of "xxpx".  That seems to keep it more consistent in mobile.