# Group heights not collapsing to avoid whitespace

**URL:** <https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489>\
**Category:** Responsiveness\
**Created:** [December 6, 2020, 4:04am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489 "2020-12-06T04:04:18Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![stephen.clegg](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@stephen.clegg](https://forum.bubble.io/u/stephen.clegg)\
**Post date:** [December 6, 2020, 4:04am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/1 "2020-12-06T04:04:18Z")

</div>

Hi,

I have been working on Bubble for 3-4 months and hope that our new portal will start to go live to US universities and colleges next week.

As I do final tweaks there is one major area of annoyance. I have a page that has 3 large groups - one for profile collection and 2 for profile views that show it all formatted as users will see it. I now wish I had done on different pages due to this issue but that would take a lot of time to modify.

I have been trying for days to get rid of whitespace as these are different lengths (longest is about 4000 pixels and shortest about 2,500 pixels.

The problem is none of the 3 large parent groups (which contain many groups and repeating groups themselves) seem to be reducing in height or reducing the page height when collapsing any groups within them (all set to hide when collapsed). Therefore if I do the suggestion of making all parent groups length of the longest and for the shorter ones add a collapsing hidden group to account for the difference (i.e. for the 2,500 pixel one a collapsing hiding group of 1,500 pixels) this does not do anything.

I can add one collapsing hidden group outside of the 3 parents groups and that is reducing page height but I cannot add any conditions to that or it does not work so that isn’t going to resolve for all parent groups. Also there is more or less whitespace depending on whether all or any groups are hidden within the parents group because the collapsing hides within the parent group but does not seem to reduce parents groups height.

I am hoping there is a solution as plan was to start to go live tomorrow and I have spent days on this… Anyone? Thanks!

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [December 6, 2020, 4:18am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/2 "2020-12-06T04:18:19Z")

</div>

Hey @stephen.clegg 👋

I know responsiveness can be tricky. I end up making my page similar to this to make sure everything collapses correctly.

Check it out.

Preview: [https://805testapp42.bubbleapps.io/version-test/menu](https://805testapp42.bubbleapps.io/version-test/menu)

Editor: [https://bubble.io/page?type=page&name=menu&id=805testapp42&tab=tabs-1](https://bubble.io/page?type=page&name=menu&id=805testapp42&tab=tabs-1)

Hope that helps! 😊

@j805 [www.NoCodeMinute.com](http://www.nocodeminute.com/)

For All Your No-Code Education Needs:

- One-on-One Tutoring
- eLearning Hub
- Video Tutorials
- No-Code Classes

---

<div class="post-metadata">

**Author:** ![stephen.clegg](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@stephen.clegg](https://forum.bubble.io/u/stephen.clegg)\
**Post date:** [December 6, 2020, 5:11am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/3 "2020-12-06T05:11:46Z")

</div>

Ok, right I think I thought about that and cannot remember a reason I did not try so will try it now. So put each of the parent groups on top of each other basically? Try now!

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [December 6, 2020, 5:25am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/4 "2020-12-06T05:25:21Z")

</div>

Yes. Exactly! 😊

---

<div class="post-metadata">

**Author:** ![stephen.clegg](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@stephen.clegg](https://forum.bubble.io/u/stephen.clegg)\
**Post date:** [December 6, 2020, 5:40am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/5 "2020-12-06T05:40:19Z")

</div>

Wow, so i stacked the 3 x parent groups up and it still did not work. Then I realised there was an element that was over the top group and might be interfering (Zeroqode spinner plug in element) so I moved that to the top off the groups and voila if works PERFECTLY. So thank you so much for getting me there. now looks lovely - did not think I was going to be able to get rid of white space…

---

<div class="post-metadata">

**Author:** ![stephen.clegg](https://avatars.discourse-cdn.com/v4/letter/s/ba9def/32.png) [@stephen.clegg](https://forum.bubble.io/u/stephen.clegg)\
**Post date:** [December 6, 2020, 5:41am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/6 "2020-12-06T05:41:00Z")

</div>

If you are in Saigon tell me and I will buy you a beer 🙂 probably not any time soon… be safe.

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [December 6, 2020, 5:52am UTC](https://forum.bubble.io/t/group-heights-not-collapsing-to-avoid-whitespace/124489/7 "2020-12-06T05:52:19Z")

</div>

Sounds good. 😊 So glad it helped!
