Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno 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

Předmět Autor Datum
Jen hádám: display:flex změnit na display:inline-flex u .tg-primary-menu > div > ul {…
iowjfiowe 01.01.2022 22:03
iowjfiowe
No, byl jste hodně blízko. Akorát chci na řádek nezobrazit prvky v ul, ale prvky a v li. (Ty dva dod… poslední
MichalDM 02.01.2022 22:51
MichalDM

Zpět do poradny Odpovědět na původní otázku Nahoru