Responsive Height for Hybrid Mobile App

A point of clarification, “responsive” typically applies to width, and what elements show at different widths through “breakpoints”.

Most websites typically use percentages for height, but Bubble does not allow us to set percentages for elements, only pixels, which makes some fairly simple designs more complicated to achieve in Bubble.

See this post for more details if you’re interested in history.

So, your options to make something “height flexible” is to use the Floating Group element with “Vertically float relative to” set to ‘Both’ or use javascript in workflow to resize the element(s).

Futher reading: this post discusses how to dynamically change an elements height/width through javascript.

1 Like