title: Nav main
name: nav-main
wrapper: nav-solid-layout
notes: |
  **Behaviour**

  The navigation has two different modes: **solid** and **toggled**. To differentiate the CSS and js behavior, we use the classes `.nav-toggle-layout` and `.nav-solid-layout` on the `.main-container`.

  Both navigations will behave the same way on mobile.

  **Current item highlight**

  To style current menu item, add `current-menu-item` (Wordpress default class) on the `<li>` element containing the current item menu