Genesis - My site title doesn't fit on mobile

If one or more words in your site title is long, it may sometimes become cut off on smaller mobile devices. It's an easy fix — you'll just reduce the font size a bit on mobile.

1. Go to WordPress > Appearance > Customize > Additional CSS.

2. Paste the following code snippet in the box:

@media only screen and (max-width: 480px) {
.site-title, .site-title a, .site-title a:hover { 
    font-size: 32px;
    letter-spacing: 2px;
} }

3. You can change the 32px value to whatever size works best for your site title. The spacing between each letter (2px in the code above) can also be adjusted as needed.

4. After pasting in the code, click Publish.

If you don't see the change on your site after adding the code, you may need to clear your browser cache.