There’s one thing I’m struggling to solve. If I have:
-First level 1
-First level 2
– Second level 1
– Second level 2
— Third level 1
-First level 3
My second level items do not get the “has-children” class added to them unless I am on “First level 2”. i.e. The class is missing from “Second level 2” if I’m on “First level 1” or “First level 3”. I’ve tried removing the design customisation and re-applying it as described in Menu settings attribute not working but that didn’t work. Any help would be much appreciated.
Design markup:
<MySource_AREA id_name="left_menu" design_area="menu_normal" print="no">
<MySource_SET name="level" value="top" />
<MySource_SET name="show_subs" value="always" />
<MySource_SET name="settings.class.normal" value="" />
<MySource_SET name="settings.class.current" value="selected" />
<MySource_SET name="settings.class.hierarchy" value="hier" />
<MySource_SET name="settings.class.has_children" value="has-children" />
<div id="leftMenu">
<nav role="complementary">
<ul>
<MySource_ASSET>
<li class="<MySource_PRINT var='settings.class' /> first-level">
<a href="<MySource_PRINT var='asset_url' />">
<MySource_PRINT var="asset_short_name" />
<i class="fa menu-toggle" aria-expanded="false" aria-controls="#" data-target="#" data-toggle="collapse"></i>
</a>
<MySource_SUB design_area="menu_normal">
<MySource_SET name="show_subs" value="always" />
<MySource_SET name="settings.class.normal" value="" />
<MySource_SET name="settings.class.current" value="selected" />
<MySource_SET name="settings.class.hierarchy" value="hier" />
<MySource_SET name="settings.class.has_children" value="has-children" />
<ul id="subMenu<MySource_PRINT var='assetid' />" class="collapse">
<MySource_ASSET>
<li class="<MySource_PRINT var='settings.class' /> second-level">
<a href="<MySource_PRINT var='asset_url' />">
<MySource_PRINT var="asset_short_name" />
<i class="fa menu-toggle" aria-expanded="false" aria-controls="#" data-target="#" data-toggle="collapse"></i>
</a>
<MySource_SUB design_area="menu_normal">
<MySource_SET name="show_subs" value="always" />
<MySource_SET name="settings.class.normal" value="" />
<MySource_SET name="settings.class.current" value="selected" />
<MySource_SET name="settings.class.hierarchy" value="hier" />
<MySource_SET name="settings.class.has_children" value="has-children" />
<ul id="subMenu<MySource_PRINT var='assetid' />" class="collapse">
<MySource_ASSET>
<li class="<MySource_PRINT var='settings.class' /> third-level">
<a href="<MySource_PRINT var='asset_url' />">
<MySource_PRINT var="asset_short_name" />
</a>
</li>
</MySource_ASSET>
</ul>
</MySource_SUB>
</li>
</MySource_ASSET>
</ul>
</MySource_SUB>
</li>
</MySource_ASSET>
</ul>
</nav>
</div>
</MySource_AREA>