I know this is an old thread but wondering if it still works? I want to have a two-column submenu under the Services tab.
I added the CSS class sub-menu-columns to the parent (Services) and then added this CSS but it’s not working:
.main-navigation ul ul.sub-menu {
width: 410px;
}
ul.sub-menu li.sub-menu-columns {
display: inline-block;
float: left;
width: 200px;
}
ul.sub-menu li.sub-menu-columns:nth-child(odd) {
float: left;
margin-right: 10px;
}
ul.sub-menu li.sub-menu-columns:nth-child(even) {
float: right;
}
Any thoughts? Thank you so much!