bubbleHacks

Share this post
Optimising Bubble apps for mobile screens
bubblehacks.substack.com

Optimising Bubble apps for mobile screens

Damian
Sep 5, 2021
3
5
Share this post
Optimising Bubble apps for mobile screens
bubblehacks.substack.com

Welcome to the first issue of the bubbleHacks newsletter 👋

Let’s talk about building for mobile on Bubble. More specifically, making sure your app looks good on all sizes of mobile screens.

You have probably been there: If you develop for mobile on Bubble, you often end up getting something like this:

When actually what you want is more something like this:

The reason is that Bubble only has absolute positioning using coordinates (X, Y) that position the element relative to its parent. While this makes the development very easy and is often good enough for apps rendered on a desktop, it gives us very little flexibility when developing for mobile.

However, with a little bit of tweaking and a few lines of CSS code, we can fix this quite quickly. Interested? Check out my 7-minute tutorial on how to do this:

Last but not least

Do you want me to write about a specific topic, or do you have an awesome Bubble hack you would like to share? I'd love to hear from you, and I'm looking forward to engaging in the post comments or the Bubble forum. 

That’s it. See you in two weeks.

Keep it simple!

Damian

👉 twitter.com/DamianJanzi

👉 bubblehacks.io

Leave a comment

Thanks for reading bubbleHacks! Subscribe for free to receive new posts and support my work.

5
Share this post
Optimising Bubble apps for mobile screens
bubblehacks.substack.com
5 Comments
author
Damian
Sep 5, 2021Author

Here are the code snippets:

<style>

.fullHeight {

height: 100vh !important;

}

.largeScreen {

padding-top: 100px;

}

</style>

{addClass: "fullHeight"}

{removeClass: "fullHeight"}

{addClass: "largeScreen"}

Expand full comment
ReplyCollapse
Giovanni
Jan 11, 2022

Hi, it doesn't work for other groups, why?

Greetings

Expand full comment
ReplyCollapse
1 reply by Damian
3 more comments…
TopNewCommunity

No posts

Ready for more?

© 2023 Damian Janzi
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing