Menu structure

default.htm

{% if __SELF__.menuItems %}
    <ul>
        {% for item in __SELF__.menuItems if not item.viewBag.isHidden and item.viewBag.published_locales[activeLocale] %}
            <li {{ item.isActive or item.isChildActive ? 'class="active"' }}>
                {% if item.url %}
                    <a href="{{ item.url ?: '#' }}" {{ item.viewBag.isExternal ? 'target="_blank"' }}>
                        {{ item.viewBag.menu_title }}
                    </a>
                {% else %}
                    {{ item.viewBag.menu_title }}
                {% endif %}
                {% if item.items %}
                    {% if item.items|length < 8 %}
                        <ul class="small">
                            {% partial __SELF__ ~ '::items_small' items=item.items %}
                        </ul>
                    {% else %}
                        <ul class="big">
                            {% partial __SELF__ ~ '::items_big' items=item.items %}
                        </ul>
                    {% endif %}
                {% endif %}
            </li>
        {% endfor %}
    </ul>
{% endif %}

items_big.htm

{% for item in items if not item.viewBag.isHidden and item.viewBag.published_locales[activeLocale] %}
    <li {{ item.isActive or item.isChildActive ? 'class="active"' }}>
        {% if item.url %}
            <a href="{{ item.url }}" {{ item.viewBag.isExternal ? 'target="_blank"' }}>
                {{ item.viewBag.menu_title }}
            </a>
        {% else %}
            {{ item.viewBag.menu_title }}
        {% endif %}
        {% if item.items %}
            {% partial __SELF__ ~ '::items_big' items=item.items %}
        {% endif %}
    </li>
{% endfor %}

items_small.htm

{% for item in items if not item.viewBag.isHidden and item.viewBag.published_locales[activeLocale] %}
    <li {{ item.isActive or item.isChildActive ? 'class="active"' }}>
        {% if item.url %}
            <a href="{{ item.url }}" {{ item.viewBag.isExternal ? 'target="_blank"' }}>
                {{ item.viewBag.menu_title }}
            </a>
        {% else %}
            {{ item.viewBag.menu_title }}
        {% endif %}
        {% if item.items %}
            {% partial __SELF__ ~ '::items_small' items=item.items %}
        {% endif %}
    </li>
{% endfor %}