Horizontal menu on medium and up. Multiple dropdowns on the far right and left of the viewport. Drilldowns on small screens.
- The dropdowns should open underneath the parent element.
- On the right side, the dropdown's right side should be aligned to the right of the parent element.
- On the left side, the dropdown's left side should be aligned to the left of the parent element.
- On the right side, submenu dropdowns should be aligned to left-top of the parent element and open toward the middle.
- On the left side, submenu dropdowns should be aligned to right-top of the parent element and open toward the middle.
- Dropdown parent element arrows should point down.
- On mobile, the arrows to access submenu should be at the left of the dropdown.