<nav class="cs-main-menu" role="navigation" aria-label="Main navigation"> <ul class="cs-mmenu-items"> {% for item in _widget.items %} {% if item.enabled is same as(true) %} <li class="cs-mmenu-li cs-mmenu-dd-{{ item.flyout|default('none') }}{% if item.flyout is same as('basic') %} cs-mmenu-dd-{{ item.float|default('left') }}{% endif %}{% if item.flyout is not empty %} doubletap{% endif %}{% if item.class is not empty %} {{ item.class }}{% endif %}"> <div class="cs-mmenu-li-item"> <a class="cs-mmenu-li-item-link" href="{{ item.link|default('#') }}"{% if item.target|default(null) is not empty %} target="{{ item.target|default('_self') }}"{% endif %}{% if item.link|default('#') is same as('#') %} tabindex="-1"{% endif %} aria-expanded="false"> <span class="cs-mmenu-li-item-text">{{ item.text }}</span> </a> {% if item.flyout is not empty %} <button class="cs-mmenu-li-caret" aria-expanded="false"> <span class="sr-only">Show sub menu for {{ item.text }}</span> </button> {% endif %} </div> {% if item.flyout is not empty %} <div class="cs-mmenu-dd-container" role="region" aria-expanded="false" data-editor-region-inline> {{ cms_widgetChildren(item) }} </div> {% endif %} </li> {% endif %} {% endfor %} </ul></nav>