Вы уже можете легко изменять порядок с помощью нескольких строк CSS, поскольку мы используем свойство flex.
Например:
-
Порядок по умолчанию

-
Пользовательский порядок

Пример CSS:
.custom-header-links li {
&:nth-child(1) {
order: 3;
background: red;
}
&:nth-child(2) {
order: 1;
background: green;
}
&:nth-child(3) {
order: 2;
background: yellow;
}
}

