Change builder hight

Hello Bubble community,

I’m currently building a mobile app and have set the page’s minimum height to 720 pixels. However, in the editor, I’m facing an issue: I can only have one group visible at a time; otherwise, they overlap with each other.

To solve this, I tried increasing the minimum height to 2000 pixels, which works perfectly in the editor because I can scroll up and down with all groups visible. However, when viewing the app, the page height remains 2000 pixels, causing unwanted scrolling in some scenarios where I don’t want users to scroll.

Does anyone have any tips or solutions for managing this?

This has been effectively solved with the launch of the new editor

A. upgrade your page to the new responsive editor

B. Change page formatting from “fixed” to Columns or Align-to-Parent.

C. Set conditions on your groups to show & hide when certain conditions are met. This can be when another group is visible, an option state, URL params, etc.

D. make sure to toggle the setting, collapse height on each group who’s height you want to collapse when hidden.

I think i know what you mean. I go through the same struggle on one of my apps. The only thing I do is that I set the height to 1600 (or 2600) when working on the editor, and revert it back to 600px once im done.

It’s annoying, but it’s better than being stuck on a tiny screen :sweat_smile:

Ah yes, it gets annoying especially when i jump in between 100 times per minute haha… but thanks for the tip

When was this responsive edit update released and how can i check if i have the latest one?

if your responsive tab has a button that says upgrade responsive, you’re still on the old version

Moreover if you are upgraded, make sure your layout settings at the page level are not set to fixed

1 Like

Thanks, i have column, is that fine?

1 Like