Menu horizontale un block

J'ai regarder le code source...mais pas facile de ce reperer dans son code.

Hello,

ca doit donner un truc comme ca pour la structure HTML du menu. Je n'ai pas le temps de faire le style CSS. Et pour les icones il suffit de les mettre en background avec une class spécifique.

        <nav class="menu">
          <li class="item">
            <a href=""><span class="text">Item 1</span></a>
            <ul class="sub-menu">
              <li class="sub-item">
                <a href="" class="icon icon-1"></a>
                <span class="text">Item 1 1</span>
              </li>
              <li class="sub-item">
                <a href="" class="icon icon-2"></a>
                <span class="text">Item 1 2</span>
              </li>
              <li class="sub-item">
                <a href="" class="icon icon-3"></a>
                <span class="text">Item 1 3</span>
              </li>
            </ul>
          </li>
          <li class="item">
            <a href=""><span class="text">Item 1</span></a>
            <ul class="sub-menu">
              <li class="sub-item">
                <a href="" class="icon icon-1"></a>
                <span class="text">Item 1 1</span>
              </li>
              <li class="sub-item">
                <a href="" class="icon icon-2"></a>
                <span class="text">Item 1 2</span>
              </li>
              <li class="sub-item">
                <a href="" class="icon icon-3"></a>
                <span class="text">Item 1 3</span>
              </li>
            </ul>
          </li>
        </nav>

Salut,

Après le CSS c'est comme n'importe quel autre menu déroulant :

• Le sous-menu a un display : none de base
• Quand on survole le menu parent il passe en display: block