Floating group alignment

[boston85719]

This issue bothered me once in the past and I got a working solution for that particular use case, however I am dealing with a similar issue that the previous work around doesn’t work for.

I have a page that is set to not be fixed width because it needs to be responsively designed.

I want a floating group that stays aligned as the page is expanded and shrunk.

The problem is that the only hacks spoken about on the forum make it so that the floating group will block content and make the parts of the page it overlaps inaccessible, which obviously is not okay.

The setup in the editor is as such

And the responsive settings needed to keep the content group aligned where it should be

I am hoping there is a way to make it so that the floating group doesn’t need to be hacked into performing an alignment, however bubble has not addressed this issue as of yet and there is still no alignment of floating groups available in the responsive editor.

So, is there a way to get the floating group to not expand to the left and blocking content on the page?

[boston85719]

Here is the link to the other post on the issue which I was able to resolve because the content of that page was responsive and was expanding.

Right Aligned Floating Group on Page Expansion

I am having an issue with a floating group that I want to be on the right side of the page. I have the page set up to be not fixed width so that I can make use of the responsive settings. Everything is working as I want, except the floating groups. When the page is expanded the groups in the center of the page begin to overlap the floating group on the right. The empty box with border is the floating group. The red and yellow boxes are groups that are centered on the page and set to not fixed …

My current application has the main content held in a group that is set to not exceed 100% of it’s width. The page is set to expand, but the main content is not, so my previous hack doesn’t work.

[tim12333]

Check out this plugin. https://bubble.io/plugin/better-floater-1519462062405x558542008850841600

It will allow you to turn a regular group into a floating group. So the fake floating group will be affected by the responsiveness of other groups.

[boston85719]

Thanks @tim12333

I was actually thinking about looking at plugins by BDK tomorrow. For a while I was trying to avoid plugins, but recently, after buying the “env variables” plugin by BDK and having a good experience with it, felt I should explore more.

Thanks for pointing out that particular one, it will probably be purchased tomorrow.