Hi,
My site is newsite.storeitcold.com. For certain pages, when opened on mobile, the fonts leaks out of the screen. Is there a way to fix this across the site? I have attached a screenshot to show you an example of this. This from our home page. Notice how the word “revolutionary” doesn’t fit properly in the screen.
Thank you!
Hello @Web_Services,
Thanks for writing in! Please be advised that when your set a fixed font size to your header, the font size will be applied through all of the screens sizes. Most of the time, when the screen gets smaller, the text will go into the next line. When the word is long enough, sometimes it will overflow the content area which is what is happening now. To resolve this, you may apply responsive typography. Please go to X/Pro > Theme Options > Typography and apply “Stepped” or “Scaling” Typography. Please check out this documentation:
Or check out more detailed explanation about the theme’s responsive typography feature:
Hope this helps.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.