Удобное мобильное меню Getuikit
[[pdoMenu?<br /> &level=`3`<br /> &cache=`1`<br /> &parents=`0`<br /> &showHidden=`0`<br /> &sortby=`{"menuindex":"ASC"}`<br /> &firstClass=`0`<br /> &lastClass=`0`<br /> &tpl=`@INLINE <li><a href="[[+link]]"><span uk-icon="icon: minus-circle" class="uk-icon uk-mr-10"></span> [[+menutitle]]</a></li>`<br /> &tplParentRow=`@INLINE <br /> <li class="uk-parent"> <br /> <a class="" href=""><span uk-icon="icon: plus-circle" class="uk-icon uk-mr-10"></span> [[+menutitle]]</a><br /> [[+wrapper]]<br /> </li>`<br /> &tplOuter=`@INLINE <ul [[+classes]] uk-nav>[[+wrapper]]</ul>`<br /> &outerClass=`uk-nav uk-nav-primary uk-margin-auto-vertical`<br /> &innerClass=`uk-nav-sub uk-list uk-list-divider`<br />]]
Чтобы ветка была активной (раскрытой)
[[pdoMenu?
&hereClass=`uk-open`
&tplParentRowActive=`@INLINE <li><a href="[[+link]]"> [[+menutitle]]</a></li> <ul [[+classes]] uk-nav>[[+wrapper]]</ul>`
]]
Активный пункт
&tplHere=`@INLINE <li><a href="[[+link]]" style="color: #03410b;font-weight: 600;"> [[+menutitle]]</a></li>`