Floating group bug on mobile

Good morning everyone,

I did a mobile version of my landing page. I added a floating button that is supposed to be fixed at the bottom of the page. It works fine on the simulator on the browser.
But when i get to mobile browser (on a real device), here is what it does :

And here are my settings for the group

I really dont know what is wrong here, does anyone of you has an idea ?

Thank you

Have a nice day

Just to check … Add a transparent 1px wide floating group to the left; make it as tall as the page; set it to vertically float relative to “both”: make sure it touches both top and bottom of the page.

If your bottom floating group is truly set to the bottom of the page and touching the “bottommost” margin of the page and set to vertically float relative to the bottom … Your issue should be resolved.

If it gets resolved the next step is to vertically stack all content on the page so that no group unknowingly affects the height of the page … thus resulting in the bottom FG not really floating vertically relative to the bottom of the page. The height of the page is not an issue do not worry (apps in Bubble can have pages with height in the tens of thousands pixels). Bubble will show what it can on the viewport of the mobile device and enable you to scroll up or down keeping you bottom FG visible and to the bottom of the viewport (… the screen of your mobile device).

Hope this helps :+1:

Thank you for your reply !

I did what you said but it’s not solving the issue…