I use pdoMenu to set up the menu of accessing our website on mobile
<nav id="mobile-nav" class="mobile-nav">
[[pdoMenu?
&startId=`0`
&level=`2`
&rowTpl=`xjtlu.pm.row-mobile`
&outerTpl=`xjtlu.pm.outer`
&innerTpl=`xjtlu.pm.inner`
&excludeDocs=`1`
&parentClass=`has-children`
]]
</nav>
But this code just code show the direct-children menus, for example,
(attachment 1)
There are some direct-child menu under “Research” , so on my website mobile version, you could see “+” after “RESEARCH”
(attachment 2)
But, the section “STUDY WITH US”，the second level of the menu we want to show are the actually third level content in CMS
(attachment 3)
How should I solve this problem?
You can use this property to increase the depth (set it to 0 for no limit)
To add in the plus icon you'll need to edit the &tplParentRow to include an element in your DOM so that you can later set your javascript up to expand the menu when it's clicked. So maybe add in span (change it to suit)
<span class="toggle-children">+</span>
Then you can position it absolute relative to the <li> to get it to where you want.
Then just setup some simple javascript/jquery so when it's clicked it'll display the children items such as
<script>
$('.toggle-children').click({
$(this).next().slideToggle('slow');
});
</script>
