I’ve been struggling with responsive text on campengroup.com. My client wants the green and white overlaid text over the banner image to get smaller on small screens so that it does not overlap her face and body so much. I’ve read the documentation on setting up responsive text and watched a few videos and things, but no matter what I try I can get the expected behavior. I must be missing something. I have set the root font size to “stepped.” Even though I’ve set my .h1-responsive max font size, it is still rendering 4x larger than what that max is set at. Can you recommend settings that will work better for this application?
I’ve attached a rendering that shows what the client wants it to look like.