Floating Group Issues

I am trying to use the floating group element. I want to place it between other elements on the page, so not at the top, but somewhere in the middle of the page.

The problem I am having is that when I place it where I want it to go, it doesn’t show up on page load. I have checked this element is visible on page load, so that shouldn’t be the issue.

I have tried doing several things, but just can’t seem to figure out how to get the floating group to do what I want it to do. To just place it between elements so that when a user scrolls down the page and comes across the floating group element it will then float as they continue to scroll down.

I have tried to play with the float vertically relative to in the element editor. When I select “top” I don’t see the floating group on the page. When I select “bottom” the floating group appears at the top of the page, which is not where it is placed in the editor.

When I select “both” the floating group is not visible just like when I select “top”. When I select “nothing” the floating group is visible, it is in the middle of a repeating group although in the editor it is placed under this repeating group. Also when you scroll down and find the floating group it doesn’t float and is instead just stuck in place so you just scroll past it.

Are floating group supposed to be this difficult to work with? Or is there something I am missing? I would have thought I could place the floating group element on the page where I want it to be found and then have it float once the user scrolls past it.

Also, in the editor it always becomes hidden behind other elements even though I have “bring to front” more than a few times.

I’m having the same issue. Fixed using alignment to top instead of both. Not sure what’s up with the settings.

I’m having the same issue here. It doesn’t load on the preview.

I want to mimic this fuctionality here: https://www.kickstarter.com/projects/peak-design/mobile-by-peak-design-phone-cases-mounts-chargers-magsafe

The menu at the middle of the page. I want it to stick to the top of the page when the user gets to that point of the scroll. Anynone knows where I can find a tutorial for that?

I used this plugin