Hey all,
I have an app that has a web version and a mobile version. The mobile version is built with the “native app” settings, and that page is 380px in width. I use an iPhone 12 pro max for testing. I previously had just one app that I tried to make responsive, but I realized that I wanted a few major interface differences between mobile and desktop/iPad, and I wanted the single-page experience for my users.
Here’s the app: https://chktools.bubbleapps.io/version-test?debug_mode=true
To log in to the app to see the error for yourself, you can follow these instructions:
Company Code: BRD
Location: Federal Hill
User: Bubble User
Email: test@test.test
Password: test
The problem I’m having seems to happen randomly. I’ll be clicking through to different groups (rather than pages, because native mobile app), and then a group will randomly shift maybe 10px to the right, leaving all elements placed towards the right slightly off screen. After this, any time I click through to a different “page” group, the elements will load normally, then shift to the right again. Sometimes this happens, sometimes it doesn’t.
Is this something to do with page sizing? I keep all of the “page” groups at 360px, contained in a “home” group that is 364px, so nothing is wider than 380. All of my “page” groups are centers within the “home” group, and the “home” group is centered on the page. The only things that are 380px are the header and footer.
I do use animations heavily on moving between groups, but idk if that has anything to do with it.
Thanks for any help with this!