If you have two or more components, each containing one menu, and you place these on a page together, they won't always work.

Why?

The default name of the floating box containing a menu is bbML. If you drag a second menu onto the same page, the next floating box will be automatically renamed bbML2, then bbML3 etc.

When you are dragging the menus onto separate Component pages, all the floating boxes on the separate pages will have the same default name of bbML.

This is a problem once they are all placed onto the final page as you have multiple floating boxes with the same name on the same page.

How can you fix this?

Open the Component pages and select the floating box that the MenuMachine object sits in. In the Inspector, change the name of the floating box from the default name to another of your choice following the naming rules below.

The name must start with a letter (not a number) and must not contain any symbols or spaces apart from the underscore character (_).

Make sure the floating boxes in each of the Component pages have different names. Save and close the Component pages.

Note: You may need to delete and re-place the Component pages on their destination pages to get them to work correctly.