Sub-menu two columns

No problem :)

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!

Can you make sure the instructions here are followed?
https://docs.generatepress.com/article/building-simple-mega-menu/

If not any chance you can open a new topic and link us to the page in question?

Thanks :)