Bug with text font size on mobile

Hi @dejanburic – I do know what you mean. From what I’m aware that’s something that was by design – but is currently being revisited by the designers. I’d expect a tweak to it to be released soon.

As a workaround in the meantime – you can try switching to using Ems or Px for font sizing till the fix is in place.

Hi, @jordesign. Thank you for your reply. I tried the text font size in both Ems and Px. The situation is the same as with Rem. Try it yourself. Set the text font size to 18 px and then 20 px, and view the “Sample Page” on your phone. You will see that the font size increases normally on the desktop, but on the phone the text remains the same, and very small. As if the font size is 14-15 px.

• This reply was modified 10 months, 2 weeks ago by Dejan Buric.
• This reply was modified 10 months, 2 weeks ago by Dejan Buric.

Hi there,

It seems to be working as expected from my end: https://d.pr/i/ogXHs6

It is proportional to the screen size; it won’t be the same as you have for desktop size by default if that’s what you’re referring to. There are also great Gutenberg extensions that allow you to extend the native responsive features, like Stackable.

If that was not your point, could you share a screenshot as example?

Hello @foosantos. Thank you for your reply.

Look at this picture: https://prnt.sc/d9zCqkrYGBoF

See the page on my website: https://napravisajt.net/sample-page/
It’s Twenty Twenty-Four Theme, Sample Page.
In the first paragraph, I left the default text font M = 1.04 Rem = 17 Px. In the second paragraph, I increased the text font to 1.25 Rem = 20 Px.
The text in the second paragraph is, as expected, larger.

Now view that same page on your mobile phone. You will see that the text in the second paragraph is smaller than the text in the first paragraph. Although the text font in the second paragraph is larger.

The problem is that when you increase the font size of the text, that text on the phone becomes smaller, instead of bigger, like on the desktop.

There is another problem. Before I added the second paragraph with a larger font, the first paragraph, with the default font, looked small on the phone, and when I added the second paragraph, then the default text in the first paragraph became larger, even though I did not change the font size in the first paragraph.

I think there is some bug regarding the size of the text font (Paragraph block) on the mobile phone.

Hi there,

I checked this further and you’re indeed correct.

It looks like this is intentional (as @jordesign said), as you can see here: https://github.com/WordPress/gutenberg/pull/44993

I believe the options are trying to use px, use code to change the default values, or use a plugin (as the one I recommended before) that allows you to do it differently (by having specific settings for each screen size).

Hello @foosantos.
Thank you for your reply.