menu con submenu orizzontale

[degadesign]

Ciao.
Ho un menu in orizzontale con dei submenu anch'essi in orizzontale, il problema è che vorrei suddividere le voci di menu in automatico nel 100% dello spazio a disposizione e non riesco a capire come.

ES.

1. voce 1
2. voce 2
3. voce 3
   1. voce 3a
   2. voce 3b
4. voce 4
5. voce 5
   1. voce 5a
   2. voce 5b
   3. voce 5c
   4. voce 5d

Se imposto
selector ul.sub-menu li.menu-item {
width: 25%;
margin:auto;
float: left;
text-align: center;
text-transform:uppercase;
}

le 4 voci del submenu della voce 5, si posizionano correttamente dividendosi nel 100% dello spazio disponibile
invece le 2 voci del submenu della voce 3 occupano solo i 50% dello spazio disponibile, invece ognuna di queste voci dovrebbe occupare il 50%

Sto utilizzando wordpress ed elementor.

Ringrazio in anticipo chi mi può aiutare.