Bonjour,

je suis parti d'un menu multi-niveaux Bootstrap 4 (https://codepen.io/runamuk0/pen/gbwbOa) que j'ai essayé de modifier pour y ajouter les triangles de jreaux62 pour signaler les sous-menus et que ceux-ci changent d'orientation quand on déroule le menu. J'ai donc rajouté id="navMain" à <nav> et la classe hasSub aux différents <li> du menu qui contiennent des sous-menus et enfin complété le CSS :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
.hasSub:after {
                position:absolute;
                content:"\25BC";
                color:yellow;
                top: 10px;
              right: 10px;
            }
li .dropdown-toggle:after {
          transition: all 0.5s;
          color:yellow;
        }
li.show .dropdown-toggle:after {
          transform: rotate(180deg);
        }
#navMain li ul:hover.hasSub:after {
              color:yellow;
               -ms-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
            }

mais ce n'est pas bon du tout : https://codepen.io/laurentsc/pen/ROJQmr
Peut-on m'aider ?