Hmm bo całe menu jest generowane dynamicznie w taki magiczny sposób, że nie wiem jaki "adres" ma ten konkretny przycisk.
Wszystkie pozycje menu są w nawiasach { }.
Kod wygląda mniej więcej tak:
{function name="menu" nodes=[] depth=0 parent=null} {if $nodes|count} <ul class="top-menu" {if $depth == 0}id="top-menu"{/if} data-depth="{$depth}"> {foreach from=$nodes item=node} <li class="{$node.type}{if $node.current} current {/if}" id="{$node.page_identifier}"> {assign var=_counter value=$_counter+1} <a class="{if $depth >= 0}dropdown-item{/if}{if $depth === 1} dropdown-submenu{/if}" href="{$node.url}" data-depth="{$depth}" {if $node.open_in_new_window} target="_blank" {/if} > {if $node.children|count} {* Cannot use page identifier as we can have the same page several times *} {assign var=_expand_id value=10|mt_rand:100000} <span class="pull-xs-right hidden-md-up"> <span data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse" class="navbar-toggler collapse-icons"> <i class="material-icons add"></i> <i class="material-icons remove"></i> </span> </span> {/if} {$node.label} </a> {if $node.children|count} <div {if $depth === 0} class="popover sub-menu js-sub-menu collapse"{else} class="collapse"{/if} id="top_sub_menu_{$_expand_id}"> {menu nodes=$node.children depth=$node.depth parent=$node} {if $node.image_urls} <div class="banerek_menus"> {foreach from=$node.image_urls item=image_url} <div class="banerek_menu"> <img src="{$image_url}" alt="" /> </div> {/foreach} </div> {/if} </div> {/if} </li> {/foreach} </ul> {/if} {/function}
Działanie na tabelach przyniosło taki efekt jak na załączonym screenie. Aby przesunąć i usunąć te przerwy dodałem style margin left i right ze znakiem minus.
Niestety, tak jak mówiłeś. Nie wyświetla się to na smartfonach w ogóle. Także sposób realizacji wydaje się być niewłaściwy.