Hello Bubblers, I have researched this before writing here with no luck. I have built a floating group to the right of the page, and as you can see in this screenshot, it is overlapping with the text when viewed on narrow mobile screens: [Screen Shot 2023-01-27 at 4.22.33 PM] Is there a way to: …

What you’re trying to build (based on the example given) isn’t a floating group. It’s just a two group layout on a row container. 1 group has all the information to the left, the other group has all the details to the right. If you want to keep the floating group concept, you’re going to have to ma…

But why are you using “Floating groups”? There is any good reason? I don’t think this is the best way to build this layout (As AirBnB)… I would suggest you to use regular groups…

Hello @rico.trevisan , You have a great thread there, really useful, and here is what I learned: Your sticky can be great and responsive to mobile, but it still stays on the right, it does not change to another shape at the bottom of the page When I scroll down, your sticky can be replaced by …

Thanks for coming back to share your learnings. That’s looking fantastic!

Hello @rico.trevisan I am sorry for not being clear, I am still asking, how do I do it as shown in the screenshots and GIFs I have sent? Is there a way that when using mobile that the floating group goes from left side of the bag to the bottom and changes shape? As shown here: [image] [Responsiv…

Responsive Floating Element

Need help

rico.trevisan January 27, 2023, 1:50pm 2

Position sticky is a great way to do these things.
TIL how to do sticky groups

Topic		Replies	Views
Help me get this floating group in line Responsiveness	1	269	September 3, 2023
Floating group is stuck on left side of the screen Responsiveness	6	3109	September 14, 2019
Floating groups behaviour Need help	4	6193	December 11, 2018
Make group move like a floating group when scrolling Need help	1	657	March 20, 2023
Floating element Mobile	6	3940	March 12, 2018

Responsive Floating Element

Related topics