Font-size problem on mobile

[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