# Tooltip Positioning

**URL:** <https://community.weweb.io/t/tooltip-positioning/2983>\
**Category:** Ask us anything\
**Created:** [June 8, 2023, 1:49am UTC](https://community.weweb.io/t/tooltip-positioning/2983 "2023-06-08T01:49:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [June 8, 2023, 1:49am UTC](https://community.weweb.io/t/tooltip-positioning/2983/1 "2023-06-08T01:49:00Z")

</div>

I can’t figure out how to position the display of the tooltip and to have it float over other elements. Details in loom. Can anyone help please? 🙂

Thanks!

---

<div class="post-metadata">

**Author:** ![jaredgibb](https://avatars.discourse-cdn.com/v4/letter/j/ecd19e/32.png) [@jaredgibb](https://community.weweb.io/u/jaredgibb)\
**Post date:** [June 8, 2023, 1:02pm UTC](https://community.weweb.io/t/tooltip-positioning/2983/2 "2023-06-08T13:02:43Z")

</div>

Use the translate settings to change it’s left/right position

Change the z index to a higher value so it floats over other elements

You also need to bind it’s visibility to an element. When hovered/clicked, change the hide/show value to true. There are other configurations as well but this is a basic example I’ve provided.

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [June 8, 2023, 4:12pm UTC](https://community.weweb.io/t/tooltip-positioning/2983/3 "2023-06-08T16:12:48Z")

</div>

Worked thanks @jaredgibb!