How to wrap items in a horizontal menu?

Question

css

Horizontal menu (on Uikit 3) - with a large number of items, it does not wrap to another line, but goes beyond the screen (see screenshot)

spoiler

The menu is standard according to the documentation from the office. Uikit 3 website

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>

How can I fix it?

Answer 1

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