[PS1.7] Comment faire pour REmplacer l'icone du menu mobile par le mot "MENU" ?

[Jean Francois G]

Bonjour a tous,

sur le menu de prestashop, en mode mobile les catégories s’effacent pour laisser la place à un icone de trois barres horizontales. Je souhaite qu'a la place il y ai le mot MENU, marqué.

J'ai bien trouver le fichier ps_mainmenu.tpl du thème, mais son contenu est celui ci :

{function name='menu' nodes=[] depth=0 parent=null}
  {if $nodes|count}
    <ul {if $depth == 0} id="top-menu" {/if} class="top-menu list-unstyled {if $depth == 1}d-lg-flex flex-lg-wrap{/if}" data-depth="{$depth}">
      {foreach from=$nodes item=node}
        <li class="{$node.page_identifier} {$node.type}">

          <a href="{$node.url}" class="{if $depth >= 0}dropdown-item{/if} {if $depth === 1}dropdown-submenu{/if}" {if $node.open_in_new_window} target="_blank" {/if} data-depth="{$depth}">
            {if $node.children|count}
              {assign var=_expand_id value=10|mt_rand:100000}
              <span class="float-right hidden-lg-up">
                <span class="navbar-toggler collapse-icons d-inline-block" data-target="#top_sub_menu_{$_expand_id}" data-toggle="collapse">
                  <i class="icon-arrow-drop-down add" aria-hidden="true"></i>
                  <i class="icon-arrow-drop-up remove" aria-hidden="true"></i>
                </span>
              </span>
            {/if}
            {$node.label}
          </a>

          {if $node.children|count}
            <div id="top_sub_menu_{$_expand_id}" {if $depth === 0} class="sub-menu js-sub-menu collapse" {else} class="collapse" {/if}>{menu nodes=$node.children depth=$node.depth parent=$node}</div>
          {/if}

        </li>
      {/foreach}
    </ul>
  {/if}
{/function}

<nav class="mobile-menu clearfix d-lg-flex justify-content-lg-between">
  {if !isset($pte_menuhome) || $pte_menuhome}
    <a href="{$urls.base_url}" class="menu-home float-left" title="{l s='Home' d='Shop.CreathemeModules'}">
      <i class="icon-home-o float-left" aria-hidden="true"></i>
    </a>
  {/if}
  <div id="menu-icon" class="float-left hidden-lg-up">
    <i class="icon-list-single float-left" aria-hidden="true"></i>
  </div>
  {if !isset($pte_menuspecials) || $pte_menuspecials}
    <a href="{url entity='prices-drop'}" class="menu-specials float-right flex-lg-last">{l s='Promotions' d='Shop.CreathemeModules'}</a>
  {/if}
  {if !isset($pte_menunews) || $pte_menunews}
    <a href="{url entity='new-products'}" class="menu-news float-right flex-lg-last">{l s='New products' d='Shop.CreathemeModules'}</a>
  {/if}
  <div id="_desktop_top_menu" class="menu js-top-menu clearfix hidden-md-down">{menu nodes=$menu.children}</div>
</nav>

et j'avoue donc n'avoir aucune idée de comment faire ..

Une petite aide serait la bienvenue..