PricingDocsAcademy
Bluesky ...
Wed, Dec 11, 9:43 PM
Log inSign up
Log inSign up
All topics

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

  • needtheanswers

    1 month 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

    1 month 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

    1 month 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

    1 month 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

    1 month 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

    1 month 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

    1 month 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

    1 month ago

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

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!
The two toddle Co-Founders Andreas and Kasper

Chat with @team-toddle

CEO and Co-Founder of toddle Andreas Møller

Video call our CEO

Hello, toddle!

Get in touch!

Product

PricingPackagesT&CsPrivacy Policy

Company

Press kitContact
Become partnerRefer and earn

Resources

DocumentationAcademyIntegrationsBlogFounder storiesHire experts

Community

DiscordLinkedInXYouTube

© Copyright 2024 toddle. All rights reserved.

toddle logo

Built in toddle