# Floating group questions

**URL:** <https://forum.bubble.io/t/floating-group-questions/206123>\
**Category:** Need help\
**Created:** [May 11, 2022, 1:27am UTC](https://forum.bubble.io/t/floating-group-questions/206123 "2022-05-11T01:27:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![adrianofiuza](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/adrianofiuza/32/114223_2.png) [@adrianofiuza](https://forum.bubble.io/u/adrianofiuza)\
**Post date:** [May 11, 2022, 1:27am UTC](https://forum.bubble.io/t/floating-group-questions/206123/1 "2022-05-11T01:27:51Z")

</div>

Hi guys, I’m using a floating group as a side menu on my app which uses half of the screen and full height, the thing is: behind the floating group I have a feed on my app (an extended repeating group) and when I slide my finger on the floating group, it’s also scrolling the main page behind (the extended repeating group). Is there a way where I can “lock” all the content behind the FG? Also, is it possible close the FG when clicking outside of it?

Ps.: The Group Focus element doesn’t work to me since I can’t set it up to have the same height of the page as the FG does.

---

<div class="post-metadata">

**Author:** ![peter9](https://avatars.discourse-cdn.com/v4/letter/p/e36b37/32.png) [@peter9](https://forum.bubble.io/u/peter9)\
**Post date:** [May 11, 2022, 3:17am UTC](https://forum.bubble.io/t/floating-group-questions/206123/2 "2022-05-11T03:17:37Z")

</div>

The best way to do this I have found is as follows.  
Assuming you are using the new beta styling.

Make you page a row. Insert 2 standard groups both a column. the first will be a sidebar the second will be your page content.  
The side bar make the background the colour you want and 100% height with the width you desire ie 200px  
then create a new floating group with your links the same size as your side bar or less and put the links in there.  
Then you can have a non scrolling menu and a full width side bar. you can also reduce the size of both to make a condensed menu with a button or the page width,

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [July 20, 2022, 1:28am UTC](https://forum.bubble.io/t/floating-group-questions/206123/3 "2022-07-20T01:28:17Z")

</div>

Closed on July 20, 2022, 1:28am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.