How to easily get mobile responsive app from finished desktop app

Hi there. Pls any help appreciated. I have already finished really complex app that looks and functions good at the desktop. At the mobile, (not mobile app), but web app looked at the mobile device, it looks awfull. And my primary customers are coming from mobile. Is there any easy was to adjust my app to look good at mobile device, some AI or some tools. I really struggle with idea to build it all over again.

Any thoughts appreciated!!!

There are no shortcuts for this in Bubble. Use conditionals to re-size and reorder stuff around with “current page width”.

A super useful obvious recommendation: Do mobile first next time. You’ll save up to 70% of your precious time.

1 Like

No shortcout really

Mobile responsiveness isn’t hard to do but if you feel you don’t have the time to do that, you can easily hire a bubble developer to do it for you

Ps: I also work primarily as a bubble developer building apps for people :sweat_smile:

use media queries for @media for mobile breakpoints. Test frameworks. Run your site through chrome Devtools mobile view

Unfortunately, no quick fix! Best way is to simply get the app up, press F12 to get your console up > press cntr+shift+m and that way you can change the responsiveness of the screen and test to ensure it looks good on all sizes! You can then add break points as you know the px width!

for mobile breakpoints, use @media queries