Выпадающее меню WordPress в две колонки

Суть такова, нужно что бы один из пунктов главного горизонтального меню, при выпадении на подпункты делился на две строго заданные колонки.
Точный пример: скриншот 1 (это сделано в html+css)
Задача: выводить в левую и правую колонки два разных меню, что бы можно было редактировать их с админки.
Пробовал так:
$menu_name = 'mainMenu';
$locations = get_nav_menu_locations();
if( $locations = get_nav_menu_locations() && isset($locations[$menu_name]) ){
$menu = wp_get_nav_menu_object( $locations[ $menu_name ] ); // получаем ID

$menu_items = wp_get_nav_menu_items( $menu ); // получаем элементы меню

// создаем список
$menu_list = '<ul id="menu-' . $menu_name . '">';

foreach ( (array) $menu_items as $key => $menu_item ){
$menu_list .= '<li><a href="' . $menu_item->url . '">' . $menu_item->title . '</a></li>';
}

$menu_list .= '</ul>';
}
else
$menu_list = '<ul><li>Меню "' . $menu_name . '" не определено.</li></ul>';

на что постоянно получал ответ, "меню mainMenu не определено".

в данный момент выводиться так:

$args = array(



'theme_location' => 'mainMenu',

'items_wrap' => '<ul>
<li id="item-id">
<a>Услуги</a>
<ul class="sub">
<div class="test3">
<div class="test1"><p class="menu-t">Юридическим лицам:</p>
<li><a href="">Грузовое такси</a></li>
<li><a href="">Офисные переезды</a></li>
</div>
<div class="test2"><p class="menu-t">Физическим лицам:</p>
<li><a href="">Грузовое такси</a></li>
</div>
</div>
</ul>
</li>%3$s</ul>',
'container'=> false
);

?>

<?php wp_nav_menu( $args );?>

вот код с файла функшн:
register_nav_menu('mainMenu', 'mainMenu');
в админке меню создано, и указана область mainMenu, в чем может быть проблема, и какие существуют другие варианты решить задачу, чистый css не подходит, меню менять будет сторонний человек, и пункты меню могут сьезжать не правильно.

Добавлено через 4 минуты
скрин как должно быть

0

Есть плагины с похожим функционалом, возможно, они подойдут:
Max Mega Menu
UberMenu
и, наверняка, много других аналогов.

0