Floating group, collapse whole group except one element in corner

Need help
1

This whole element is reusable group, floating. Chat feature in the right bottom corner.

example35623623
example356236231131Ă—554 94.4 KB

When (right bottom) icon is clicked, it toggles (and collapses) the outlined blue element, works well on the front end, then this blue group in the bottom, how to hide and collapse as well, horizontally?

example2326623
example23266231131Ă—123 10.8 KB

Thanks!

2

Not sure that it’s going to collapse horizontally. You can definitely get this done in the new responsive engine. If you can’t upgrade your RE to the new engine, then I would suggest hiding the blue round button as well and showing a new one that is center justified.

3

Thanks! It works! :slight_smile: Whole group collapses and it leaves only the “chat icon” in the corner.

Maybe the last question here, it’s kind av related… -.-

example53523
example535231886Ă—622 76.3 KB

Why element width acts weird here?

example3266236
example32662361165Ă—580 51.4 KB

4

Sorry. I’m not sure what you mean when you say “it’s kind av related” What’s av?

Also, I don’t know what you’re referring to when you ask why the element widths are acting weird

5

Hi Paul,

It’s kind of* related and by acting weird I mean the responsiveness is not good… :slight_smile: