# Scroll bar in floating group side menu?

**URL:** <https://forum.bubble.io/t/scroll-bar-in-floating-group-side-menu/324441>\
**Category:** Responsiveness\
**Created:** [May 29, 2024, 3:34pm UTC](https://forum.bubble.io/t/scroll-bar-in-floating-group-side-menu/324441 "2024-05-29T15:34:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![data1](https://avatars.discourse-cdn.com/v4/letter/d/e99b99/32.png) [@data1](https://forum.bubble.io/u/data1)\
**Post date:** [May 29, 2024, 3:34pm UTC](https://forum.bubble.io/t/scroll-bar-in-floating-group-side-menu/324441/1 "2024-05-29T15:34:39Z")

</div>

Hello,

I have a side bar menu that’s made with a floating group. The menu’s getting longer now and exceeds the page height. However, I am not able to introduce a scroll bar in the menu. I tried several ajustments here and there without success. I though the _Allow vertical scrolling when content overflows_ setting of the parent group would have taken care of things, but not so.

Edit: the menu is a re-usable element that’s then added to a top-nav bar that’s also a re-usable element. The group Fill at the bottom of my menu is how I managed to get menu to stretch toward the bottom of the screen.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/9/b/9b2534aa6daa011a9299068be9115363f82dd57d.png)

Fill group:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/c/8/c81187f08dc7f2d09e965826b38d84277d04a329.png)

The posts I found here are from 2019 and 2021 pre-responsive and some of the items don’t seem to apply.

Any suggestions?

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [May 29, 2024, 3:54pm UTC](https://forum.bubble.io/t/scroll-bar-in-floating-group-side-menu/324441/2 "2024-05-29T15:54:38Z")

</div>

Don’t use min height of 3000 in group fill, just leave it empty

On group menu dropdown, set the allow vertical scrolling when content overflows. If that doesn’t work alone, set a max height of 100%

---

<div class="post-metadata">

**Author:** ![data1](https://avatars.discourse-cdn.com/v4/letter/d/e99b99/32.png) [@data1](https://forum.bubble.io/u/data1)\
**Post date:** [May 30, 2024, 2:42am UTC](https://forum.bubble.io/t/scroll-bar-in-floating-group-side-menu/324441/3 "2024-05-30T02:42:39Z")

</div>

If I follow your suggestion the menu does not stretch to the bottom:

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/c/c/cc3d403485c9ae9fd5c1486bf00545a4ef2c01db.png)

That’s because the menu is a re-useable element that’s set inside the nav-bar re-usable element, and the nav-bar is a floating group at the top.

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [May 30, 2024, 6:44am UTC](https://forum.bubble.io/t/scroll-bar-in-floating-group-side-menu/324441/4 "2024-05-30T06:44:56Z")

</div>

You need to set height and width values on the reusable when you put it on a page or another reusable