<div class="et-menu-item et-menu-custom-html col-12{if $et_BaseWidget.cssClass !== ''} {$et_BaseWidget.cssClass}{/if}" id="et-menu-mobile-item-{$et_BaseWidget.id}" tabindex="0" role="button">
    {block name='et-menu-custom-html-mobile-link'}
        <a class="et-menu-item-link no-style"{if !empty($et_MenuCustomHtml.image.src)} style="background-image: url('{if !empty($et_MenuCustomHtml.image.srcWebP)}{$et_MenuCustomHtml.image.srcWebP}{else}{$et_MenuCustomHtml.image.src}{/if}');"{/if}>
            <div class="et-menu-item-title">
                {if !empty($et_MenuCustomHtml.icon)}<i class="{$et_MenuCustomHtml.icon}"></i>{/if}{include file="widgets/base/textfield.tpl" value=$et_MenuCustomHtml.label type="span"}
            </div>
        </a>
    {/block}
    {if $et_MenuCustomHtml.loadAsync && !$et_MenuCustomHtml.isAjax}
        {block name='et-menu-custom-html-mobile-content-loader'}
            <div class="et-menu-item-content et-menu-custom-html-mobile-content d-none" data-et-menu-async-load="{$et_BaseWidget.id}">
                <div class="et-menu-async-loader"><i class="et-icon-spin {et_getIcon key="loading"}"></i></div>
            </div>
        {/block}
    {else}
        {block name='et-menu-custom-html-mobile-content'}
            <div class="et-menu-item-content et-menu-custom-html-mobile-content d-none">
                {if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.href !== '' && !empty($et_MenuCustomHtml.label.value)}
                    <div class="row">
                        <div class="col-12">
                            <div class="et-menu-item-content-show-all">
                                <a href="{$et_MenuCustomHtml.link.href}"{if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.title !== ''} title="{$et_MenuCustomHtml.link.title}"{/if}{if isset($et_MenuCustomHtml.link) && $et_MenuCustomHtml.link.external} target="_blank" rel="noreferrer noopener"{/if}>{lang key='menuShow' printf=$et_MenuCustomHtml.label.value}</a>
                            </div>
                        </div>
                    </div>
                {/if}
                <div class="row">
                    <div class="col">
                        {$et_MenuCustomHtml.content}
                    </div>
                </div>
            </div>
        {/block}
    {/if}
</div>