Responsive Design Question

Hi, I’m having issues with the design side of things. I’ve built many websites on other web builders but with bubble, I can’t seem to figure out how to make my app responsive.

Every time I preview my app because I have a really big screen it adds a big section in the middle of my page (I changed the background color to red so you can see)

Also, here’s the link to preview my website: https://team-vertex.bubbleapps.io/version-test/app?debug_mode=true

Hey :wave: @cedric.potvin

I know responsiveness can be tricky. Let me see if I can help.

Have you tried making that group align to the left instead of the right? Let me see if I can screenshot it for you. It’s hard to see without looking at the editor. But if all your groups are left aligned then it might be an overlapping element that could be messing it up as well.

I am not sure if there is something behind these elements or not:

You can check by using this tool:

Hope that helps! :blush:

@j805 www.NoCodeMinute.com

For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes

Thanks a lot @J805!

It worked :slight_smile:

I’m curious what kind of info would I learn in your course?

@cedric.potvin :wave:

If you would like to do a one-on-one session I can teach you a lot about responsiveness. I can show you the basics on how to design your site to fit a mobile screen so you don’t have to create multiple pages. The cool thing about a one-on-one session is that you are in charge and can ask what ever questions you would like during that time.

There are also some videos on my MembersOnly page that show a few tips and tricks on creating responsive pages.

If you have any other questions, let me know. :blush:

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