How do I fix text that is overlapping other images or boxes on mobile screens?

Mobile text overlap happens when theme stylesheets utilize absolute typography pixel heights (line-height or font-size) that scale poorly across responsive layouts, or when grid heights are rigidly hardcoded.

“The real issue underneath this is usually a fixed pixel height that doesn’t flex well on smaller screens. I’ll make it responsive properly within 24 hours for $99.”
— Jeff Bollettino, Managing Director, Ignite Conversions