# How do I build this floating menu? **URL:** \ **Category:** Configuration Help & General Discussion\ **Created:** [October 11, 2026, 10:58am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993 "2026-10-11T10:58:49Z")\ **Posts on this page:** 8\ **Page:** 2
**Author:** ![Andreas\_Hegenberg](https://community.folivora.ai/user_avatar/community.folivora.ai/andreas_hegenberg/32/39221_2.png) [@Andreas\_Hegenberg](https://community.folivora.ai/u/Andreas_Hegenberg)\ **Post date:** [October 12, 2026, 8:09am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/21 "2026-10-12T08:09:42Z")
That depends, do you have a fixed position where you want to position it? ---
**Author:** ![Frank1](https://community.folivora.ai/letter_avatar_proxy/v4/letter/f/a87d85/32.png) [@Frank1](https://community.folivora.ai/u/Frank1)\ **Post date:** [October 12, 2026, 8:13am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/22 "2026-10-12T08:13:42Z")
Yes, it's a fixed position that I set manually. Just once. When the menu is opened and closed on the external screen, it always appears in the same place. But when the external screen isn't connected, the menu appears “somewhere” on the internal screen. When the external screen is reconnected, the original position is no longer the same, so it has to be corrected manually. Does that make sense? ---
**Author:** ![Andreas\_Hegenberg](https://community.folivora.ai/user_avatar/community.folivora.ai/andreas_hegenberg/32/39221_2.png) [@Andreas\_Hegenberg](https://community.folivora.ai/u/Andreas_Hegenberg)\ **Post date:** [October 12, 2026, 8:28am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/23 "2026-10-12T08:28:17Z")
You basically need to define the positioning here. (In this example the menu would be placed at the very top right corner of the focused screen) ![image](https://community.folivora.ai/uploads/default/original/3X/5/9/59d565260a824900149f3063957ecdcf0d4517fc.jpeg) ---
**Author:** ![Frank1](https://community.folivora.ai/letter_avatar_proxy/v4/letter/f/a87d85/32.png) [@Frank1](https://community.folivora.ai/u/Frank1)\ **Post date:** [October 12, 2026, 10:54am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/24 "2026-10-12T10:54:58Z")
Okay, thanks. One more question: I used copy & paste to add an element six times. These elements appear in the list, but unfortunately not in the live preview or in the actual floating menu. ![image](https://community.folivora.ai/uploads/default/original/3X/f/4/f4ee10cd140bd70952c7bfbcada99b8c7fc703ea.png) ![image](https://community.folivora.ai/uploads/default/original/3X/e/f/efdbd580bea6454a3b9c8a00dfb091bae1dab472.png) ---
**Author:** ![Andreas\_Hegenberg](https://community.folivora.ai/user_avatar/community.folivora.ai/andreas_hegenberg/32/39221_2.png) [@Andreas\_Hegenberg](https://community.folivora.ai/u/Andreas_Hegenberg)\ **Post date:** [October 12, 2026, 11:23am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/25 "2026-10-12T11:23:41Z")
if you used copy & paste they will all have the same coordinates, so they are probably all behind the right "New Item". Have you tried dragging that around? ---
**Author:** ![Frank1](https://community.folivora.ai/letter_avatar_proxy/v4/letter/f/a87d85/32.png) [@Frank1](https://community.folivora.ai/u/Frank1)\ **Post date:** [October 12, 2026, 11:29am UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/26 "2026-10-12T11:29:02Z")
> [@Andreas\_Hegenberg](#): > > they are probably all behind True. Thank you. Darauf muss man aber erst mal kommen 🙂 ---
**Author:** ![telephant](https://community.folivora.ai/letter_avatar_proxy/v4/letter/t/b38774/32.png) [@telephant](https://community.folivora.ai/u/telephant)\ **Post date:** [October 12, 2026, 2:16pm UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/27 "2026-10-12T14:16:40Z")
> [@Andreas\_Hegenberg](#): > > there are no explicit spacer items, but transparent items are essentially the same. For anyone who wants to use spacer items, you can create a transparent item by giving the item a Clear Background using the setting in the screenshot below. (This wasn't obvious to me, but I found it after Andreas suggested using transparent items) ![Screenshot 2026-10-12 at 10.12.34 AM](https://community.folivora.ai/uploads/default/original/3X/9/b/9b55f2e40903d83d1e73497a88714ad8d321bbeb.png) ---
**Author:** ![Frank1](https://community.folivora.ai/letter_avatar_proxy/v4/letter/f/a87d85/32.png) [@Frank1](https://community.folivora.ai/u/Frank1)\ **Post date:** [October 12, 2026, 6:46pm UTC](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993/28 "2026-10-12T18:46:37Z")
@Andreas_Hegenberg I think I've found a bug. Sometimes the “List / Live” buttons disappear. To restore them, you have to restart BTT. Could you please take a look at this? Thanks. ![image](https://community.folivora.ai/uploads/default/original/3X/5/9/5990a4c2dbebae506407f2fa2d5060e1761cf0c7.png) No buttons ![image](https://community.folivora.ai/uploads/default/original/3X/1/9/19f3766124e10f089b7362e45cc05223bd024715.png) [Previous page](https://community.folivora.ai/t/how-do-i-build-this-floating-menu/47993.md?page=1)