{* main menu / page options / breadcrumbs *}
<div id="pageMainMenuMobile" class="pageMainMenuMobile menuOverlayMobile" data-page-logo="{$__wcf->getStyleHandler()->getStyle()->getPageLogo()}">
<ol class="menuOverlayItemList" data-title="{lang}wcf.menu.page{/lang}">
+ {event name='menuBefore'}
+
<li class="menuOverlayTitle">{lang}wcf.menu.page.navigation{/lang}</li>
{foreach from=$__wcf->getBoxHandler()->getBoxByIdentifier('com.woltlab.wcf.MainMenu')->getMenu()->getMenuItemNodeList() item=menuItemNode}
- <li class="menuOverlayItem">
+ {* Does not use `data-identifier` to prevent compatibility issues. See https://github.com/WoltLab/WCF/pull/2813 *}
+ <li class="menuOverlayItem" data-mobile-identifier="{@$menuItemNode->identifier}">
{assign var=__outstandingItems value=$menuItemNode->getOutstandingItems()}
<a href="{$menuItemNode->getURL()}" class="menuOverlayItemLink{if $__outstandingItems} menuOverlayItemBadge{/if}{if $menuItemNode->isActiveNode()} active{/if}"{if $menuItemNode->isExternalLink() && EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}>
<span class="menuOverlayItemTitle">{lang}{$menuItemNode->title}{/lang}</span>