# Floating groups above each others

**URL:** <https://forum.bubble.io/t/floating-groups-above-each-others/193049>\
**Category:** Need help\
**Created:** [February 22, 2022, 2:52pm UTC](https://forum.bubble.io/t/floating-groups-above-each-others/193049 "2022-02-22T14:52:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![robin\_rob96](https://avatars.discourse-cdn.com/v4/letter/r/48db29/32.png) [@robin\_rob96](https://forum.bubble.io/u/robin_rob96)\
**Post date:** [February 22, 2022, 2:52pm UTC](https://forum.bubble.io/t/floating-groups-above-each-others/193049/1 "2022-02-22T14:52:07Z")

</div>

Hi, I’m trying to refactor my current MPA to a SPA and I’m planing to use reuseable elements as pages for not getting to messy in the index page.

the index has 2 floating groups (header, side bar) which are usually above each other content.

But there are few cases, like onboarding or login, where I want to have one floating group above **everything**. Is this possible or do I need to manually hide and show these within a workflow?

 ![Screenshot 2022-02-22 at 15.48.26](https://us1.discourse-cdn.com/bubble/original/3X/9/9/99f3d128a77e13fe29b0419975479515b2dde3d2.png)

Currently, the both floating groups sidebar and header are on top of the floating group login. How can I switch it, that login is above these two?

There is the `Floating Z-Index` but with no further separation from above to above…

Thanks!

---

<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:** [May 3, 2022, 2:52pm UTC](https://forum.bubble.io/t/floating-groups-above-each-others/193049/2 "2022-05-03T14:52:25Z")

</div>

Closed on May 3, 2022, 2:52pm UTC

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