justify-content: space-between; olmuyor!

Merhaba arkadaşlar. Wordpress tabanlı web sitemin navigasyonunu düzenlemeye çalışıyorum. Önce Chrome'dan inceleyerek kodlarla oynayarak nasıl düzeltirim diye baktım fakat bi türlü çözemedim. Yardımcı olabilirseniz çok sevinirim.


Şöyle bir navigasyonum var. Responsive olarak sayfayı küçültünce satır atlayıp şu şekilde oluyor:



Ben de bunu düzeltmek için space-between yaparım diye düşündüm üst container'i ama <li> ögeleri standart genişliğe sahip herhalde düzelmedi bi türlü.

flex-wrap: nowrap; kodunu eklemeyi denediniz mi hocam?

CSS ozelliklerinin sonuna " !lmportant" koyarsan belki çözülebilir kodları bilmediğimden.

flex-wrap satırı aşağı indirme işini çözdü çok teşekkürler. Ama menü elemanlarının arasındaki boşluk (margin ya da padding neyse) otomatik daralmıyor.