How to avoid word splitting?
Hi,
As per screenshot attached, a word seemed to have been split, which is NOT something I want to happen ever on my whole website (this was noticed on mobile).
How do I make sure this won't happen? Shouldn't the theme itself prevent it and re-adjust automatically the size font for it to fit on all devices? Thank you!
Comments
here's the link to the page: http://52.49.60.2/tc/?page_id=2455
Hi,
It looks differently for me:
Even for one of the narrowest width that mobiles can have:
Did you handle this in the meantime?
Best regards
I have the same problem for the website caruspflege.de. The responsive view of Betheme Builder is too wide, my phone is more narrow. Please check the button in this screenshot:
I agree: the font size should automatically be adjusted.
Hi,
@Phil I manually reduced the font size as a temporary "fix", which I'll have to apply on another page as well - see attached. (http://52.49.60.2/tc/?page_id=2373).
However, I need a reliable solution for this: as Nachbarsaft mentions, all font size should adapt automatically: how can we achieve this?
Hi @Nachbarsaft,
You have side margins assigned to the section:
For mobile view, you can set it to zero to gain more space.
https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/
Also in Betheme -> Theme options -> Responsive -> General, you can decrease Mobile site padding:
Best regards
@JeffreyWood1961,
I checked the link you sent but it looks in the same way:
Where should I look at exactly?
Best regards
Thanks. That worked out for me.
Hi @Phil !
It appears better now because I decreased the font size quite a lot - I don't want to change it because the website is now live and my client would not want to display split words.
Could you check these URLs, like you did for Nachbarsaft, to make sure there's no issue with margins etc, for example ? Or tell me if I should adjust some settings to make sure no words are split, ever on mobile devices?
http://52.49.60.2/tc/?page_id=2373
http://52.49.60.2/tc/
Thanks!
In Theme options -> Fonts -> Size & Style, there is an option "Auto font size". If you have it enabled, and do not like how it works, you can disable it, and adjust the font sizes according to your needs.
Best regards
Hey!
Thanks. I do want it to autoresize to different devices, AND I also want it to NOT split the words. Said otherwise, I want the fonts to adapt in such a way that all words always appear in full.
You must adjust the font size. Currently, the auto font size option calculates based on the desktop view, and tablet and mobile views are decreased by the appropriate percentage.
So, if you do not like how it works, set up the font size manually.
Otherwise, you can set up font size in the heading Style tab to vw:
Best regards