6.2.2 Menu closed View in a new window
The top level items, with the menu closed.
Twig: components/mega-menu/mega-menu.twig
Default example
When then menu item is open.
The hover style.
A link that has been given keyboard focus.
Markup
<nav class="mega-menu" role="navigation" aria-label="Main menu">
<ul class="mega-menu__level-1">
<li class="mega-menu__primary-item">
<a href="#" class="mega-menu__primary-link">Future students</a>
</li>
<li class="mega-menu__primary-item">
<a href="#" class="mega-menu__primary-link {{ modifier_class }}">Current students</a>
</li>
<li class="mega-menu__primary-item">
<a href="#" class="mega-menu__primary-link">Research and teaching</a>
</li>
<li class="mega-menu__primary-item">
<a href="#" class="mega-menu__primary-link">Partners and community</a>
</li>
</ul>
</nav>