In regular web development css position absolute is a convenient way to place items top on each other or relative to the parent container. When in Bubble development you are looking for this setting you don’t find it, but that doesn’t mean you cannot reach that behavior.
Let’s check out the following contact form I build on Bubble.
Where do you use absolute position here? Do you find it?
- on the right side,
- there are four rows,
- and the icon is wrapped in a circular background shape,
- so you have to put the icon and the circle to top on each other to achieve the desired design.


Ass you can see on the picture all you have to do can be summarized in three points:
- Create a parent group and set the layout -> container layout -> Align to parent
- Create a shape and set the layout -> parent container type -> center
- Create an icon and set the layout -> parent container type -> center




So in short to position elements absolutely top on each other use the layout align to parent in the properties editor layout tab. That’s it!
Leave a Reply