Menu – Double Column Drop Down

[Anonymous 114616]

Anonymous 114616

August 4, 2020 at 6:24 am

I’ve just been upgradign a client’s site to the Kadence theme. Everything is going well apart from one small problem. One of his product categories contains about 30 sub-categories. This makes the resulting drop-down menu incredibly long!

Previously, using the GeneratePress theme, it was a simple task to add some code to split the drop-down into two columns:

#primary-menu li#menu-item-8776 > ul {
display: grid;
grid-template-columns: 50% 50%;
}

However when using this code with Kadence it doesn’t work. The sub menu appears as soon as any parent item is activated

See here: *Login to see link

In the above example, the sub-sub menu appears as soon as the Shop link is activated. It should only appear when the Renaissance entry is activated.

Can I do something about this – or do you recommend another way of adding columns to sub-menus?

Antar