# How to display a menu on clicking / hovering on user profile icon?

**URL:** <https://forum.bubble.io/t/how-to-display-a-menu-on-clicking-hovering-on-user-profile-icon/113969>\
**Category:** Need help\
**Created:** [September 30, 2020, 12:09pm UTC](https://forum.bubble.io/t/how-to-display-a-menu-on-clicking-hovering-on-user-profile-icon/113969 "2020-09-30T12:09:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![praveen.garimel](https://avatars.discourse-cdn.com/v4/letter/p/54ee81/32.png) [@praveen.garimel](https://forum.bubble.io/u/praveen.garimel)\
**Post date:** [September 30, 2020, 12:09pm UTC](https://forum.bubble.io/t/how-to-display-a-menu-on-clicking-hovering-on-user-profile-icon/113969/1 "2020-09-30T12:09:57Z")

</div>

Hi,

I am new to Bubble. What I am trying to achieve is to display a simple menu with options such as ‘profile’, ‘sign-out’ when the user clicks or hovers on the user profile icon on the top right which is grouped into the header. The menu should show when the user clicks or hovers on the icon and should disappear when the user clicks elsewhere.

Below is an example of the type of menu I am looking to create.

![Popup_Exxample](https://us1.discourse-cdn.com/bubble/original/3X/7/6/76a22d465e1ed7ce2c9bb19398716260ff9afb39.png)

I tried using a group (re-usable element) in the index page, and setting state to control visibility, but I could not find the ‘this element is visible’ setting in the drop down.

---

<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:** [December 9, 2020, 12:10pm UTC](https://forum.bubble.io/t/how-to-display-a-menu-on-clicking-hovering-on-user-profile-icon/113969/2 "2020-12-09T12:10:02Z")

</div>

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