Font-size problem on mobile

[Loris]

Hi @arminunruh and everyone,
The font size of my site is acting weirdly when loaded on moblie screen, from portrait to landscape. The size of some of my texts is going bigger when I turn my phone to landscape, and some of them stay the same size, which is not good. It seems like it's not responding to the responsive font size.
I have tryed to change the paragraph and the font size settings, but it doesn't seem to change anything. How can I solve this issue?
You can see it on the attached images; the font-size of the text "contact" and "instagram" are not the same in landscape:

Here is my page.
Thank you!
Loris

[mariusjopen]

Hi @Loris

This looks like a bug.
Best is if you write an email to marius@thepeople.world and include your username, password and a link to this conversation.

All the best!

Marius

[Loris]

Hi @mariusjopen,
Ok! I have sent an email yesterday.
All best!
Loris

[mariusjopen]

Hi Loris,

I think I solved it.

I gave the two mobile navi elements a special div class:

And then added a mobile navi CSS with the font size:

I hope that works for you!

Best!

Marius

[Loris]

Hi @mariusjopen
Thank you! But I think there is still something wrong in there… it doesn't seem to work (see image). "contact" and "instagram" stay smaller than the rest when it is switch to landscape… It should be all the same.
All best,
Loris

[mariusjopen]

HI @Loris
ok, this is rather odd.

I will double check with Armin what isa going on here.

Best!

Marius

[Loris]

Hi @mariusjopen
Do you have any news on my issue?
I hope it is solveable.
All best,
Loris

[mariusjopen]

Hi @Loris

I will let you know asap!

Best!

Marius

[Davide]

I'm having the same problem on mine.
It would be great to fix this!

[mariusjopen]

Hi @Davide
we are on it.

Please be patient a bit guys :-)

Best!

Marius

[arminunruh]

@Loris

Seems like you set the fontsize of your text not using a textformat but using the font-size dropdown in the texteditor:

Just select your text, click the "clear formats" button and then apply a textformat.

[Davide]

Thanks @arminunruh this has worked for me as well.
Best,
D.

[Loris]

Hi @arminunruh and @mariusjopen,
Unfortunately this doesn't seem to change anything for me. The result displays the same problem… What can I do?
Best, Loris

[mariusjopen]

Hi Loris,

we will figure it out.

Best!

Marius

[arminunruh]

Hey Loris!

Ok i looked at it with my iphone on landscape and the safari inspector for iphone and both of these texts have font-size 17, so they should look the same. I really don't know why.

Can you put this in your css in "lay options" -> "custom css and html" and see if it makes a difference?

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

from https://stackoverflow.com/questions/2710764/preserve-html-font-size-when-iphone-orientation-changes-from-portrait-to-landsca

[Loris]

Hi @arminunruh,
This works! Thank you very much!
All best,
Loris