Have you considered adding an
@media screen and (max-width: 300px) {
body {
font-size: 1.5vh;
/* ^You could set the ^ font size to change in relation to the screens size (the measurements of the size change are 'vh' ( visual devices height) */
/* Your code here*/
}
}
to the css editor ( which you can get access to through the jetpack plugin )?
I’m kind of new so this might not be what you’re talking about, but altering your code so it will fit the screen of the device that is accessing the site is the first thing I would do.
It sounds like your text that is disappearing might have an overflow property that is ‘overflow:hidden’ and thus anything that goes outside of the box size set will just disappear as opposed to rendering outside the elements box.
anyway I hope that helps.