Why Do We Have It?

As part of the standardization effort, Boomerang has created a standardized menu bar for program pages designed by Butterfly. This menu bar is now available as a paragraph bundle called Hiro Menu.

All KidSpirit program page has to use this menu bar, no other menu bar should be present.

How Do I Add One?

To add this to the page, simply add a new Paragraph and select Hiro Menu. The menu bar will be automatically added, no further action is required other than dragging it to the desired location.

DO NOT EDIT ANY PART OF THE BUNDLE

The Hero Menu bundle depends on custom code written by Boomerang, stuff might break if edited incorrectly.

Giant warnings are everywhere to prevent this, please don't ignore them unless you know what you are doing!

Menu Bar Stopped Working/Looking Funny

If somebody ignored the giant warning that says do not edit, Hiro Menu will stop working, but fortunately, to fix this is rather simple, just remove the broken Hiro Menu and add a new one, as simple as that.

Editing Code

WARNING: You must be familiar with HTML, CSS, and JS to proceed

If you are familiar with basic web development, here are the thing you can do:

• Edit CSS with inline CSS

• Edit link URL

• Edit icon

• Add new item with <li>

• Remove <li>

And here are the things you must not do:

• Remove any classes

• Create any elements that is not contained by <li>

• Remove any parent elements of <li>