Изменение стандартного шаблона

[TechnicalMan]

Вопрос касательно стандартного шаблона classic в PS 1.7.3
Добавил в главное меню список категорий (выпадающее), получилось не очень, всё до кучи.
Вопрос в том, чтобы это выпадающее меню сортировало в столбец категории, лучше - в два.
Подскажите, в каком направлении копать? Перерыл кучу форумом, перелопатил вручную всю тему, поиск, css, всё наверно перепробовал, до чего мозги дотянулись.  Ниже скрин того, что есть, чтобы понимать, о чём идёт речь
За помощь буду благодарен, не обижу.

[PrestaMan]

В файле /themes/classic/assets/css/theme.css
Можно определить ширину элементов

Код: [Выделить]

.top-menu .sub-menu ul[data-depth="1"] > li

[TechnicalMan]

В файле /themes/classic/assets/css/theme.css
Можно определить ширину элементов

Код: [Выделить]

.top-menu .sub-menu ul[data-depth="1"] > li

Спасибо по подсказку, нашёл ширину всего элемента выпадающего меню здесь

Код: [Выделить]

.top-menu .sub-menu{box-shadow:2px 1px 11px 2px rgba(0,0,0,.1);border:none;margin-left:.9375rem;width:calc(100% - 30px);min-width:calc(100% - 30px);z-index:18;display:none}Но мне нужно ссылки в выпадающем меню разбить на два ровных столбца, а не эта вот каша. Даже если я шириной сделаю узкое меню категорий - то есть и короткие слова и длинные, короче, будет не то. Надо на два столбца.

[Adik]

Надо на два столбца.

Код: [Выделить]

.top-menu .sub-menu ul[data-depth="1"] > li {widht:49%}

[TechnicalMan]

Надо на два столбца.

Код: [Выделить]

.top-menu .sub-menu ul[data-depth="1"] > li {widht:49%}

Сделал, только width исправил, опечатка (это для других, кто столкнётся)
Получился один столбец. Можно, конечно, уменьшить ширину блока выпадающего, но будет один длинный столбец, который уходит ниже экрана. Хотелось бы в два. Но уже в верном направлении идём

[TechnicalMan]

Сделал. Короче поставил ширину ссылки 35%, а ширину выпадающего блока 80%, вроде вышло так, как хотел
Тему можно считать закрытой

Код: [Выделить]

.top-menu .sub-menu{
   box-shadow:2px 1px 11px 2px rgba(0,0,0,.1);
   border:none;
   margin-left:.9375rem;
   width:80%;
   min-width:80%;
   z-index:18;display:none}
.top-menu .sub-menu.collapse{
   display:none}
.top-menu .sub-menu ul[data-depth="1"]>li{
   width:35%;
   float:left;
   margin:0 1.25rem}