Menu

Hover on Broken

Dropdown should open towards left and not off screen.

  • 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 right of the dropdown.