When I set the max-width of certain text elements, in px, for screens under 600px, it is not consistent for different phone screens. Between Android and iOS phones of similar screen sizes, the text will line break in different places and in the middle of a word. If not pixels, what is the best way to define the length of a text element so that on any screen, it does not add a line break in the middle of a word?
When I set the max-width of certain text elements, in px, for screens under 600px, it is not consistent for different phone screens. Between Android and iOS phones of similar screen sizes, the text will line break in different places and in the middle of a word. If not pixels, what is the best way to define the length of a text element so that on any screen, it does not add a line break in the middle of a word?
Hey there, could it be that there are some other responsive breakpoints and properties making such issues?
Best regards,
WaspThemes team
And don't forget to rate our plugin, it means a lot to us!