HTML меню с колонками

Подскажите пожалуйста, не могу сообразить как сделать. Код меню представлю ниже, цикл добавляет около 40 категорий, из-за чего не все категории входят в экран. Хотел сделать подменю, но не смог победить готовые стили, может быть проще будет сделать в несколько колонок?

вот ссылка на сайт со style.css.

<ul class="navbar-nav ml-auto">
<!--<li class="nav-item active"></li>-->
<li class="nav-item"><a class="nav-link" href="home">Главная</a></li>
<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" id="dropdown-a" data-toggle="dropdown">Категории ПО</a>


    <div class="dropdown-menu" aria-labelledby="dropdown-a">
      <a class="dropdown-item" href="/categories/">Все категории</a>

        
        <div class="col dropdown-item">
      <a class="dropdown-item" href="url">item</a>
      </div>
        
      
    </div>
</li>


<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="dropdown-a" data-toggle="dropdown">Прочее</a>
    <div class="dropdown-menu" aria-labelledby="dropdown-a">
        <a class="dropdown-item" href="/article/">Статьи</a>
        <a class="dropdown-item" href="/taglist/">Список тегов</a>
    </div>
</li>

<li class="nav-item"><a class="nav-link" href="/contact/">Контакты</a></li>
</ul>