Gap in page height

I am building a Native Mobile page for food ordering page, I have RG then have a navigation bar in the bottom I used for that floating group and reset it to be float to the bottom, the issue here i find a big gap in the page as the page keeps expanding down with empty space, however, all other hidden groups are set to be collapsed when hidden., how I can eliminate this unnecessary space ?

here is the link for my app:
https://bellbill2.bubbleapps.io/version-test/mobile/table1-1607982573453x256449853500948480

Stack all groups vertically, never one on top of the other. All invisible blocks of content until necessary. This will ensure that no content block group is messing up the vertical space below the one whose visibility is called for.

Thank you for your suggestion, now I rearranged the groups to be stacked vertically, but the gap is still there