How to make my page fit mobile

Hello everyone, So I’m building a social network. I got the pages done. I’ve replicated almost all the pages and made a mobile version of the page. However, the index page is something I would like to be able to adapt to any screen without a separate page since it takes the most work.


as you can see these repeating groups have a lot involved and I don’t want to recreate it for mobile. I tried using max-width settings etc, I can seem to get it to work. Any ideas?

What’s the issue?

The issue is the post the user made looks good on the computer. But when I launch on mobile, the repeating group (users post) is all messed up and not inline. How can I make it look good on pc and mobile when it is a large repeating group? I don’t want to make a separate page for mobile.

Without seeing it, or knowing more details, it’s impossible to say, but sounds like you’ll need play around with the responsive settings in the responsive editor to get things to display the way you want them to.

It can be tricky at first to understand how it works, but with a combination of trial and error, and using the bubble reference you should be able to get your head round it.

You’ll need to experiment with minimum width setting and margins until it works how you want it to on all screen sizes.

thank you!

see on mobile it now looks like this:

What’s it supposed to look like?

I want it to look the same as computer just shrunk to screen size. As you can see, the mobile has it as a really long narrow post.

How does it look in preview?

looks like this on preview:

Looks like this on actual phone:

And i want it to look like this on phone:

Hi @AnthonyLakey, it’s easy.

Put in “responsive” and there you can fit your page

Play with that, it most easy than you think

If you’re referring to the position of the heart and speech bubble then make sure you group them together with the ‘11 hours’ and blue icon (so they’re all in one group) and make that group fixed width. That should keep them all on the same line.

As for the main image, make sure that’s fixed width as well.

2 Likes

Thank you! will try it

The repeating group is narrow on mobile and wont let me change the width. So everything is smaller then it needs to be for mobile.

1 Like

Hi!

I suggest you watch this session about responsiveness by @gregjohnkeegan . Very worth your while :+1: > How To Do Responsive Design in Bubble with Gregory John

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.