Responsive Text Elements

[rocketboy]

I noticed today one piece of text isn’t responding to the browser size like the elements are doing on other pages.

For example:
https://fparker.com/mediterranean-renovation/
On this page the Title Mediterranean Renovation drops to two lines on a mobile device to fit the screen. The same element (classic text) with the same formatting can be seen on another page but doesn’t respond to the screen size as seen on https://fparker.com/contemporary-renovation/

What can I do to be sure the text doesn’t go off page, I have this format on about on more than 10 pages but only one isn’t sizing correctly with the browser size. I double checked the code and the are the same and tried a few other options but still can’t get this to display correctly in mobile sizes.

Thank You

[mldarshana]

Hi Bryce,

Thanks for writing in! Could you please follow this video walk-through here (https://www.youtube.com/watch?v=_ia5Lswi3ak) and make sure that your have setup your responsive text correctly. Check the following post as well to see a detailed guide (https://theme.co/apex/forum/t/header-text-is-not-responsive-pro-theme-applied-all-tricks-from-forums/48971/4?u=mldarshana).

If you’re using a caching plugin on your site, make sure to purge your server cache and also clear your browser cache before testing (refer: https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Let us know how it goes.
Thanks!

[rocketboy]

Thank you for the follow up.

I followed both videos. All my pages are working correctly with the text being responsive without having responsive text enabled in the settings. In other words the text is automatically responsive. I added the responsive text in the settings and I still get the same result after clearing the cache. Any other ideas why this classic element isn’t working like all the other pages?

Thank You

[friech]

Hi Bryce,

Actually, that headline has the same font-size settings as the others, but it seems the browser treat it as one word. Can you make a clear space between the words Contemporary Renovation?

Hope it helps,
Cheers!

[rocketboy]

I thought the same thing because on other pages the words drop to the next line but on this page it stays on one line when it should fall to the next to stay on the screen size. I was sure that there was a single space in between the words. The html thats rendered from the classic text editor is:
<h3 style="text-align: center;"><strong>Contemporary Renovation</strong></h3>

I tried adding the actual HTML space code,   but had the same result. It doesn’t make sense how only on this page it would behave this way though?

Thank you for your response.

[ruenel]

Hello Bryce,

Please do not add any html character. Use this instead:

<h3 style="text-align: center;"><strong>Contemporary Renovation</strong></h3>

And then Since you have installed a caching plugin WP Fastest Cache, please clear your plugin cache first before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.