Hi guys, just notices something strange: the longer custom headlines here: https://kryptonitecreative.com/services/ do not resize properly when viewed on a mobile device - they appear cropped. https://prnt.sc/gshop6
Any ideas what is causing this behavior?
Thank you,
Petar
Hm, just changed it to H1 looks like H2 and now it’s all good.
Hey @wcshutter,
Just wanted to jump in here and provide some feedback based on your screenshots. By default, browsers do not allow for words to “break” when they become too long for their container, so the result is what you see in your screenshot where the word goes beyond the container. With longer words and/or large font sizes, this can be an issue. Reducing the font size (as you’ve done it sounds) or trying out different words for your copy (if possible) are alternate solutions. Finally, you can use CSS to tell words to “break” when they’re too long for the container, but this often does not look good and is difficult to read, so it is recommended to utilize some of the previous items.
Cheers!