How can I make the text smaller for smaller screens?

Support
#1

I’m very happy with how my titles look on a large desktop screen. But on smaller screens they look awful! I hope it is possible to scale the heading text size with screen size so my website is readable on all devices.

Thanks.

#2

Hey Mark,

For Cornerstone V2 elements, you can use the method from this thread https://theme.co/apex/forum/t/responsive-text-cornerstone/46457/4?u=christian_y

For Classic and also for V2 elements, you can also alternatively use the Responsive Text feature. See https://youtu.be/UXPhObp296c. This method employs JavaScript though so the first method above has a performance advantage.

For site-wide typography, I recommend that you utilize the responsive text option in Theme Options > Typography. See https://youtu.be/JsYuOo7gcho

Hope that provides you with the info you need.

#3

Hi Christian,

Thank you for your reply. I’ve read each post and watched each video but unfortunately I haven’t been able to resolve my problem :confused:

Is there anything else that you can suggest?

#4

Hello Mark,

Thanks for updating in!

You can also apply Responsive Typography. To know more about it, please check this out:
https://theme.co/changelog/#theme-pro-1-1-0

Hope this helps.

1 Like
#5

Thank you. You’re amazing.

#6

You’re welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.