- Posts
Hello! I have tried the “em” but that didn’t do it. The text is too large and is overlapping/ smooshing. Thanks!
Hi Tia,
Thanks for reaching out with your BoldGrid Post and Page Builder questions!
The auto-hyphen feature is something that is native to your theme but you can easily change that with some custom CSS. We have a guide on how to change the auto-hyphens function that explains just how to do this
I hope that information helps you get your fonts behaving as expected. Please let us know if you have any other questions for us!
Hi Brandon!
Thanks so much for your quick reply. I think the title of my question changed… My title isn’t hyphenating…the issue I’m having is it not resizing to fit cell/smaller screens,like the rest of the text. How can I have it automatically resize for different screens?
Thanks!!
My apologies Tia,
Ah yes, I think I know what’s going on here. You have extra padding added to your element here so that it displays properly on larger screen sizes.
When you increase the padding it automatically squeezes the content together on smaller device sizes.
What you should do is use the responsive utilities in Post and Page Builder to create a new element by cloning your original column and customize the new column to fit mobile screen sizes.
After making your changes hide your original element on smaller screen sizes using the responsive utilities in the “Advanced Controls” of your column as shown in the guide and and hide the new content for larger devices.
I hope this better answers that for you Tia.
Thanks a million, Brandon!! I will give this a try! Thank you!!!
- The topic ‘How to remove Auto Hyphenation of Text Headings on smaller device screen sizes’ is closed to new replies.
