the main menu points are permanently visible in the header
- they can have three states: "passive", "hover" (underlined) and "selected" (bold)
clicking on a main menu point opens the dropdown menues, which contain content based on their respective main menu point
- they can have three states: "passive", "hover" (red) and "selected (bold)
in mobile view, the main menu turns into a side menu, which opens by clicking on the hamburger icon
the pages in the side 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" (red) and "selected" (bold)
- a "selected" page remains selected even if the menu is closed
- discussed in: DDB-(Teil)Redesign 2024

Main Menu in Header:

Header with Main Menu

Side Menu / responsive:

Side Menu

Dropdown Menues:

DDB-Dokumentation > Navigation - Main Menu / Side Menu - 2024 > image-2025-1-6_14-10-58.png

Elements

ID	Title	Show?	Action	Changes	Tickets
1	"About us" menu point	always	dropdown to open "Über uns", will contain links to editorial content (such as "Who we are" and "How we are organized") and frontend pages ("Participating cultural institutions" (a.k.a. Institutions List))	/	/
2	"Discover new content" menu point	always	dropdown to open "Inhalte entdecken", will contain links to overview pages to editorial content (such as "Dossiers", "Virtual Exhibitions", "Blog", "Games", "Calendar sheet")	/	/
3	"Tips for use" menu point	always	dropdown to open the "Tipps zur Nutzung", will contain links to editorial content (such as "How to search in the portal", "Search Tips...")	/	/

Responsive View