Hey team,
I’ve run into this issue a few times before. I think I’ve got everything configured correctly, but for some reason my headers break the viewport bounds on iOS on certain pages. For a very clear example, visit http://sumc.co/serve#deeper-discipleshp (spelling error intentional).
What’s happening? I’m using responsive sizes and the screen preview in Cornerstone would imply that everything would work on screen sizes <480px…
Hey @sumcmedia,
Are you referring to the Headlines being cut-off? If so, that’s because you’re not using the responsive font size setup. Your Font Size right now is just a fixed value, 3.15em. Use something like calc(3vw + 14px). Please follow the responsive text method as shown in this video https://youtu.be/SdQHpAgFumw
Hope that helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.