Floating Menu: change to 3 rows 8 columns at the very bottom of the page

Hello,
I am going through the floating menu tutorial.
I am trying to modify the menu below so that it doesn't interfere with neither notifications nor my app display.
Which parameters must I modify to position the menu as: 3 rows and 8 columns located at the very bottom of the screen just above the dock.
thank you very much

like this?

1 Like

exactly. thank you

You can have a look at this:
bottom_menu_above_dock.bttpreset (93.5 KB)

In general you'd need to set a width for your menu and then set a minimum & maximum width of your items.
E.g. if your menu is 1200px in width and you would want to place 8 items per row, your item width could be 1200/8 = 150 maximum. However as you'll probably have some padding/margin you will need to set a little lower values for the menu items. In this example I use menu width of 1200 and item width of 143.

To experiment you can change the values of all items simultaneously by selecting them all.

For the position: Unfortunately the Dock is currently not available as reference point (I'll add that soon). For now you can set the center of the bottom of the menu to the center of the bottom of the screen and offset it by your dock height:

1 Like

it's great. I am going through your excellent tutorial on floating menus. The biggest problem that I face is when I configure a menu to be visible in an app only, all works fine, than all of a sudden only works when I restart BTT, than no longer works.
is there a way to troubleshoot this problem ? I reviewed all parameters many times and all seem the same and OK.
thank you