CSS - Jak přesunout element na konec seznamu a změnit jeho uspořádání?

Dobrý den,

Potřeboval bych opravit element v hlavičce.

Abych začal od začátku, jedná se o plugin GTranslate pro překlad, který chci umístit na konec hlavičky. Problémem je, že tento plugin lze do stránky přidat pouze jako widget, který ve wordpressu nelze přidat do menu. Tak jsem na to použil plugin shortocde in menus, který to umí, jenže to přidá na konec menu, nikoliv na konec hlavičky i za elementy, které tam přidává použitá šablona. Jak je z obrázku výše patrné, tenhle problém se mně už podařilo tak trochu vyřešit pomocí kódu

ul#primary-menu li:nth-child(4){
  order: 1;
}

Avšak, je to zcela závislé na počtu elementu v hlavičce, takže při změně jejich počtu už to nebude fungovat a nevím, jak to správně napsat.

A pak je tu ještě problém, že se vlajky zobrazují pod sebou, což v prvé řadě ovlivňuje výšku hlavičky. Tady jsem však vůbec nepřišel na to, jak to zobrazit vedle sebe.

Prosím o radu.

Děkuji

PS. Více na webu zde