Как сделать отображение ссылок в dropdown в двух(n)колонках?

Есть проект на opencart2 (не мой). Нужно сделать отображение ссылок, если их больше 10, в 2-х колонках.

<?php foreach ($categories as $category) { ?>
              <li class="parent dropdown deeper ">
                <a href="<?= $category['href']; ?>" title="<?= $category['name'] ?>">
                  <?= $category['name'] ?>
                </a><?php if (!empty($category['children'])) { ?>
                  <ul class="dropdown-menu">
                    <?php for ($i = 0; $i < count($category['children']);) { ?>
                      <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                      <?php for (; $i < $j; $i++) { ?>
                        <?php if (isset($category['children'][$i])) { ?>
                          <li>
                            <a href="<?php echo $category['children'][$i]['href']; ?>">
                              <?php echo $category['children'][$i]['name']; ?>
                            </a>
                          </li>
                        <?php }
                      }
                    } ?>
                  </ul>
                <?php } ?>
              <?php } ?>

.dropdown-menu {
	background: #fda14c;
	width:      auto !important;
	border:     none;
	box-shadow: none;
}
.dropdown-menu:before, .dropdown-menu:after {
	display: none !important;
}
.dropdown-menu li {
	width: auto !important;
}
.dropdown-menu li a {
	width:        100% !important;
	text-align:   left;
	padding-left: 10px;
	background:   transparent;
	font-size:    13px;
	font-family:  RR;
	width:        auto;
}
.dropdown-menu li > a:hover {
	background: transparent !important;
}

Можно задать width у ul и float: left и width/2 у li и решить задачу, но меня смущают width: auto !important. Можно ли решить задачу по другому, более красиво ? Спасибо.