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

Solved
Highlighted
Excursionist
27 2 0

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

PFC name wrapping.jpg

0 Likes

Success.

Excursionist
27 2 0

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;
}
0 Likes
Excursionist
27 2 0

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

0 Likes