site title and tagline truncated on mobile

I have not looked with an iPod, but have you looked at the media rules in order to bring the site title and tagline into 100% width of the viewing window?

Just thinking aloud, so this may not be the final answer.

When I view the new site on iPod Touch, the site title and tagline are truncated. Why?

They’re not, you have to scroll to the right to see more of the title. What would you expect to happen? The theme would normally break the site title onto multiple lines, but it doesn’t do it when you have long words (and rightly so otherwise that would look weird).

If you want the font size to be smaller on mobile, you will follow @stilman-davis’s advice of using CSS Media Queries. In the “Additional CSS” section of the dashboard add this:

@media screen and (max-width: 480px) {

    .site-title {
        font-size: 100%;
    }
}

https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

@stilman-davis Thank you.

@anevins Thank you. This has fixed the problem for me.

I’d like to understand, though, how the value of 480px is determined for the max-width. Should this produce the same result for all phone-sized mobile devices? Thanks again.

Should this produce the same result for all phone-sized mobile devices?

Yes, 480px is quite large for a device width. It’s the equivalent of an iPhone 5 landscape mode.

@anevins Thanks for the additional info.