Forum Academy Marketplace Showcase Pricing Features

Dynamically adjust Bubble page heights for mobile screens - make your apps look good on mobile screens

It seems like a lot of Bubble users are struggling with optimizing their Bubble apps for mobile screens. So, I made a short tutorial on how to manage element heights and page heights in Bubble to look really good on mobile screens. Hope this is useful.

image

12 Likes

Awesome video @d9999

This will certainly help many folks here … Me being one of them!

Thanks! :grinning:

1 Like

btw, here the code for copy/paste

CSS code (paste in HTML element)
<style>
.fullHeight {
height: 100vh !important;
}
</style>

Classify commands (add to page and groups)
{addClass: "fullHeight"}
{removeClass: "fullHeight"}

2 Likes

That’s cool. Thank you.

1 Like

hey folks
let me know if there are other mobile-related issues you are struggling with. happy to make more tutorials if there are some issues many people struggle with :slight_smile:

1 Like