3-nested Sub Menu

No it’s not about selector. it’s just object from p.routable, i follow from other threas

Down arrow in main menu only - #5 by pmoreno

and tweak some my marcos

{% macro nav_loop(page) %}
    {% import _self as macros %}
    {% for p in page.children.visible %}
        {% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
        {% set route_page = (p.routable and p.children.visible.count > 0) ? '-submenu' : '' %}
        {% set icon_submenu = (p.routable and p.children.visible.count > 0) ? '<span><i class="fa fa-angle-down"></i></span>' : '' %}

        <li class="dropdown{{ route_page }} {{ active_page }}">
            {% if p.children.visible.count > 0 %}
                <a href="{{ p.url }}">{{ p.menu }}</a>
                <ul class="dropdown-menu multi-level">
                    {{ macros.nav_loop(p) }}
                </ul>
            {% else %}
                <a href="{{ p.url }}">
                    {{ p.menu }} {{ icon_submenu }}
                </a>
            {% endif %}
        </li>

    {% endfor %}
{% endmacro %}

i’v just little problem now, <span><i class="fa fa-angle-down"></i></span> not work properly in first submenu, but nots problem.

Thanks karmalakas for your suggestions.