The main menu opens by clicking on the hamburger icon. The pages in the main menu that have a "+" have subpages which can be accessed by clicking on the "+". Clicking on a menu item directs the user to the page.
The menu items can have three states: "passive", "hover" (underlined) and "selected" (red color). A "selected" page remains selected even if the menu is closed.
There are also three navigation menu points that are permanently visible. They can have three states: "passive", "hover" (underlined) and "selected" (red color).
ID | Title | Show? | Action | Changes | Tickets |
1 | three navigation menu points | always | direct user to respective page | separate list in drupal so they can be changed independently of the side menu no hover effect was implemented | |
2 | burger menu | always | opens main menu | ||
3 | navigation layer with close icon | always | closes layer | discussions about the display of the side menu on wide-screen viewports. the menu's close button should align with the burger menu icon, and the navigation layer should align accordingly | |
4 | hierarchy of navigation menu items, plus icon opens them, minus icon closes tem | always | opens navigation layers direct user to respective page | ||
5 | higher navigation layer | always | opens navigation layers direct user to respective page | ||
6 | selected menu item on second layer | always | selected menu item (currently displayed page) |