Drop down menu two columns

Hello,

I have a lot of menu links to go in to a drop down. Is it possible to split it in two so have it run in 2/3 columns without having to use MEGA MENU?

The links/screenshots no longer active on this forum post so hope you can help.

Example, drop down have let’s say 30 links, to have 2/3 columns so either max 15 or max 10 per row.

Thank you in advance.

Hi Bogdan B.

I’ve had the same problem, and I’ve tried with your suggestion, but I don’t have success.

I’ve tried in this domain to develop. There is a item menu call ‘institucional’ and the submenu is exactly that you say, but doesn’t work?

I will apreciate your help please!

http://nicolook.com/testing/caminos/

Hello,

What you need to do is create a page eg. “3Menu” or any name.

Then you create three (or as many as you need) columns with visual composer, add some text in or you can add a widget position and assign a menu to each widget position.

Then, you go to appearance, menu manager, add a menu item and select the page under mega menu option.

Then in the drop down that page will display.

Hope this helps.

Hi.

I’ve already done that you said. The menu appear, but the links inside the menu doesn’t work.

You can try with a menu item call institucional/caminos – cuidados & Cia.

Here the url: http://nicolook.com/testing/caminos/

Please help me!

Hello,

I had a quick look and you are trying to add mega menu to a sub menu item.

It has to be the PARENT and not a sub item of a sub item.

Does this make sense?

So
– INSTRUCTIONAL needs to be the MEGA MENU that is a page let’s say “INSTRUCTIONAL”
– SUB ITEMS is a menu you create via Visual Composer and I think you can, not sure, you add sub menus to that.

But as you have it, having a sub menu item as the mega menu, it is possible, I think, as a standard feature with this theme. You will have to create/use a custom mega menu something like MAX MEGA MENU as it seems like they support it.

Regards

JC

Ok That solution maybe can help me… So…I followed his advice, and I’ve done a page with four columns where is the subitems. I’ve created a Mega Menu from a parent item. But when I click any item, these doesn’t open nothing…?

But I can see the links in the bottom of my navigator. Maybe exist something that stack the behavior of the links…?

You can try with a menu item call institucional.

http://nicolook.com/testing/caminos

Please help!

I can see you what you added to the parent mega menu but not sure why the links don’t work.

If you inspect element on the links you will see the jquery error

Uncaught Error: Syntax error, unrecognized expression: http://nicolook.com/testing/caminos/caminonatural-nosotros/ jquery.js?ver=1.11.3

Look at MAX MEGA MENU, that might solve your problem and it’s a free plugin so easy to test.

Hi.

I added these lines to custom CSS:

.td-header-style-5 .td-header-menu {
width: 410px
}
.sub-menu {
width: 410px
}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
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;
}

It works fine on the mobile, splitting the sub-menus in two columns. However in the PC nothing happens. Am I missing something?

Thank you.