All topics

Font size increases when rotating my phone but doesn´t decrease after rotating it again.

needtheanswers

4 months ago

Hi,

The font size increases when I rotate my phone (from portrait to landscape mode) but doesn´t decrease when rotate it again (landscape to portrait).
This doesn´t happen on all text elements tho. I already tried to create a new page using the same component but the issue doesn´t seem to appear there?! Also it´s working fine on some other components.
I don´t know what causes this and it´s already driving me nuts lol. Is it because of a parent div?

Thanks a lot
needtheanswers

4 months ago

update: changing my parent div from 'fixed' to 'absolute' or relative changed it. However this isn´t a good solution for me..I really need my div to be fixed.
Lucas G

4 months ago

Can you share the page? How did you set up your font sizes that it’s changing like that
@Lucas G
Can you share the page? How did you set up your font sizes that it’s changing like that
needtheanswers

4 months ago

Yes sure: https://toddle.dev/projects/turquoise_yoda_autonomous_tahr/branches/start/components/HomePage?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=attributes&mode=design
needtheanswers

4 months ago

When you try it out on your phone you can see that the calculations component with the blue background changes back to the normal size while the one that is embedded in the other component "bottomsheet" doesn´t.
needtheanswers

4 months ago

I don´t really have "a system" when setting up font sizes. I sometimes use them on parent divs, sometimes directly on the span..
I´ve also tried setting a font size on the first element on the page but that didn´t change anything for me
Lucas G

4 months ago

If this is on iOS, then it might be a browser thing. Mobile safari has had issues with fixed elements resizing
Sometimes some things don’t update correctly depending on set up
You could try specifying the font size for different media queries or adding some extra CSS so transitions update properly
👍1
@Lucas G
If this is on iOS, then it might be a browser thing. Mobile safari has had issues with fixed elements resizing
needtheanswers

4 months ago

Hmm that´s really frustrating..But thank you for your help Lucas 🙏 much appreciated. I´ll try to make this work

Font size increases when rotating my phone but doesn´t decrease after rotating it again.

needtheanswers

needtheanswers

Lucas G

needtheanswers

needtheanswers

needtheanswers

Lucas G

needtheanswers

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community