Как сделать перенос пунктов в горизонтальном меню?

Question

[Spartak]

Горизонтальное меню (на Uikit 3) - при большом количестве пунктов не переносится на др. строку, а выходит за пределы экрана (см. скрин)

spoiler

Меню - стандартно по документации с оф. сайта Uikit 3

spoiler

<nav class="uk-navbar-container" uk-navbar>
    <div class="uk-navbar-left">
        <ul class="uk-navbar-nav">
            <li class="uk-active"><a href=""></a></li>
            <li class="uk-parent"><a href=""></a></li>
            <li><a href=""></a></li>
......................  здесь еще пункты меню
        </ul>
    </div>
</nav>

Как можно исправить?

Comments

[Spartak]

)) это понятно, что такое количество пунктов в меню не прилично ставить ))
Но все же, так не должно ведь быть.

Answer 1

[xdevelx]

.uk-navbar-nav {
  flex-wrap: wrap; 
}

Comments

[Spartak]

Не срабатывает почему-то

[xdevelx]

Spartak,
https://codepen.io/xdevelx/pen/RwLZNzY

[Spartak]

Да, flex-wrap: wrap; сам по себе работает. Спасибо.
Там было прописана ширина widht:max-content; она видимо все перебивала.
Ее убираю, и flex-wrap: wrap; работает.
Спасибо.