# Adjust sizes when collapse floating group

**URL:** <https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373>\
**Category:** Responsiveness\
**Created:** [November 10, 2020, 12:58pm UTC](https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373 "2020-11-10T12:58:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bruno1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bruno1/32/76558_2.png) [@bruno1](https://forum.bubble.io/u/bruno1)\
**Post date:** [November 10, 2020, 12:58pm UTC](https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373/1 "2020-11-10T12:58:32Z")

</div>

Hey folks,

I build a slide menu bar on the left-hand side of the page and added a button to make the menu bar visible and invisible. (screenshot below).

Menu bar visible

 ![Screenshot 2020-11-10 at 09.51.40](https://us1.discourse-cdn.com/bubble/original/3X/8/4/84e736d513a0b182f86ae5bf9e15efbda86b2bd2.png)

Menu bar not visible

 ![Screenshot 2020-11-10 at 09.53.21](https://us1.discourse-cdn.com/bubble/original/3X/5/c/5cb8d06c62d8e4832192117ea583063f009b76d4.png)

What I want to achieve is to adjust the group elements and hamburger menu in the right-hand side to fit the entire screen when the menu bar is not visible.

Does anyone have an idea if it’s possible to achieve what I want?

Thanks so much for the help.

Bruno

---

<div class="post-metadata">

**Author:** ![FJP](https://avatars.discourse-cdn.com/v4/letter/f/7993a0/32.png) [@FJP](https://forum.bubble.io/u/FJP)\
**Post date:** [November 10, 2020, 1:13pm UTC](https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373/2 "2020-11-10T13:13:58Z")

</div>

Hi there,

Take a look [here](http://forum.bubble.io/t/mimic-navbar-toggle/65530/9). This is my workaround for it.

---

<div class="post-metadata">

**Author:** ![bruno1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bruno1/32/76558_2.png) [@bruno1](https://forum.bubble.io/u/bruno1)\
**Post date:** [November 10, 2020, 8:34pm UTC](https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373/3 "2020-11-10T20:34:25Z")

</div>

@FJP - Thanks for sending over the workaround and check it out the screenshots below with your solution

 ![Screenshot 2020-11-10 at 17.31.35](https://us1.discourse-cdn.com/bubble/original/3X/7/5/75ea29ab3578d2dc57bd6a427f8f6c0664154cbf.png)

 ![Screenshot 2020-11-10 at 17.32.42](https://us1.discourse-cdn.com/bubble/original/3X/b/2/b2c6f2cba84f0c7d36575ad8fa08202cca795b6d.png)

---

<div class="post-metadata">

**Author:** ![FJP](https://avatars.discourse-cdn.com/v4/letter/f/7993a0/32.png) [@FJP](https://forum.bubble.io/u/FJP)\
**Post date:** [November 11, 2020, 6:34pm UTC](https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373/4 "2020-11-11T18:34:45Z")

</div>

Great work. Glad I could help. Pay attention about the data to show in the reusable elements, that was also mentioned in the topic I referred to. I personally didn’t continue my use case on this due to other priorities. Good luck

---

<div class="post-metadata">

**Author:** ![bruno1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bruno1/32/76558_2.png) [@bruno1](https://forum.bubble.io/u/bruno1)\
**Post date:** [November 12, 2020, 1:10pm UTC](https://forum.bubble.io/t/adjust-sizes-when-collapse-floating-group/120373/5 "2020-11-12T13:10:40Z")

</div>

Thanks for the hints @FJP. I’ll keep you posted regards this use case 😉