# Floating menu covers page content

**URL:** <https://forum.bubble.io/t/floating-menu-covers-page-content/136733>\
**Category:** Need help\
**Created:** [February 17, 2021, 5:18pm UTC](https://forum.bubble.io/t/floating-menu-covers-page-content/136733 "2021-02-17T17:18:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mickael.vermand](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mickael.vermand/32/124379_2.png) [@mickael.vermand](https://forum.bubble.io/u/mickael.vermand)\
**Post date:** [February 17, 2021, 5:18pm UTC](https://forum.bubble.io/t/floating-menu-covers-page-content/136733/1 "2021-02-17T17:18:52Z")

</div>

Good evening,

I have been facing an issue with my floating Menu.  
The idea is that when the user clicks on their avatar, a floating menu is displayed. The problem is that when the menu is displayed, header gets bigger and cover the content of the page (which is not clickable anymor, see pic 1).  
If I bring page content to the front , then the menu is not clickable anymore 🙂

Picture one, showing that the content page is not clickable if header is in front (using pesticide for displaying html elements)

Removed

Picture 2 : when the content page is on the front :

Removed

The menu is made of a floating menu containing another group :

![Capture d’écran 2021-02-17 à 18.18.12](https://us1.discourse-cdn.com/bubble/original/3X/e/a/ea5fd8a3eb8d60b57bc079b5eb7912578290ee72.png)

Does anyone of you know a workaround or has already face the same issue ?

Thank you !

Have a nice evening

---

<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:** [February 17, 2021, 5:56pm UTC](https://forum.bubble.io/t/floating-menu-covers-page-content/136733/2 "2021-02-17T17:56:21Z")

</div>

Replace the floating group with a Group Focus. The Group Focus is the appropriate type of container element for this type of menu.

---

<div class="post-metadata">

**Author:** ![mickael.vermand](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/mickael.vermand/32/124379_2.png) [@mickael.vermand](https://forum.bubble.io/u/mickael.vermand)\
**Post date:** [March 3, 2021, 7:54am UTC](https://forum.bubble.io/t/floating-menu-covers-page-content/136733/3 "2021-03-03T07:54:02Z")

</div>

It worked perfectly thank you

---

<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:** [April 28, 2021, 5:19pm UTC](https://forum.bubble.io/t/floating-menu-covers-page-content/136733/4 "2021-04-28T17:19:47Z")

</div>

Closed on April 28, 2021, 5:19pm UTC

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