使Wordpress默认菜单进入多列下拉列表

Question

我一直在研究，发现了一些指南guide来创建多列。

我设法将其分成两列，但显示似乎有点偏离。

下面是我的演示链接 demo link

mainnav .sub-menu {
    z-index: 99999;
    width: 410px; 
}

.sub-menu-columns ul.sub-menu li { 
    display: inline-block;
    float: left;
    width: 200px; 
}


.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 10px;
}

.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}