Why do elements move to the left in responsive when they are centered horizontally? How do I keep it from moving?

The title pretty much says it all. I just want it to be all centered.

Any help would be appreciated.

By the way, I just want to say that I have a lot of experience with many page builders. I’ve never had a harder time with responsiveness than with bubble.

1 Like

Bubble’s responsiveness can indeed be very tricky. There’s rumors that they’re working on a big overhaul to responsiveness, but alas, we’ll have to resort to hacks for the time being.

This “hack” works for situations where a group doesn’t want to stay in place:

Center the group in question. Then add two equally-spaced “Spacer” groups with a minimum width of 0 on both sides. This should keep it in place.

1 Like

Thanks. It worked :slight_smile:

1 Like

This trick should work. But isn’t too strange that bubble can’t keep the horizontal center ? It’s so basic. Is there any other conditions affect…?