Manage margins/ width of elements in Bubble

Need help
1

Hello Bubblers,
I have a question about designing Bubble pages. I am currently designing my app menu, and I want to have 3 fixed buttons on my page. For some reason, it all fits on my editor page, but it doesn’t on the debugger…

Editor view

icones1
icones11528×762 33.3 KB

Debugger view

icones2
icones21920×741 64.1 KB

I assume that it has something to do with margins, but I can’t pinpoint exactly what I am doing wrong. Btw, here are the settings of the buttons. I want them to keep the same width to have enough space for the text and the icons.

grouphealth
grouphealth521×649 23.7 KB

Do you have any ideas of what settings I need to fix ? Thanks

2

In your editor you need to click “Responsive” in the top left corner.
Then click on an element. In the window change the fixed margin to left for the left element, center for the center element and right for the right element.
Hope that helps :blush:

1 Like
3

Hey, thanks for the tip, I did that and after tweaking it a little bit I got the results I wanted :slight_smile:

2 Likes
4

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