Header Builder, Submenu items in columns

Hi, is there a way to display the items on a sub menu in columns?
Wihtout using UberMenu

Hello @mcostales84,

Thanks for writing in! If you are using the Dropdown element, you can insert a Row and Column elements so that your dropdown content will have several columns.

Best Regards.

I’m using Inline Navigation. Do I have to recreate the entire menu to be able to use Dropdown?

Hello @mcostales84,

If you want to add the submenu or dropdown menu you need to go to your WordPress Dashboard Appearance—>Menu—> Add the submenu item to your menu. Please have a look at the given screenshot below.

In case you are trying to achieve a mega menu please have a look at the documentation to learn more about how to create a mega menu in WordPress.

You may check our video documentation as well

Hope it helps
Thanks

Funnily enough I was looking to just this, but as the OP stated with inline. The mega menus are a bit useless for navigation as they don’t work with Wordpress menu items. Great for standalone things, sure - but not for general menu structure.

There used to be a way with some classes to show the sub menus in groups and columns but I can’t find them now.

That’s the response I’m looking form, but they keep referring people to the dropdown element, which is nice, but as you say, useless when you have a website with big and dynamic menus

I want to add submenus in columns, it’s ridiculous to have a submenu with 15 items, that’s why I need to showcase them in columns, but in order for me to use the dropdown element, I have to redo the entire header and do the navigation manually. Or is there a way to add the dropdown element in the middle of a regular menu?

Just playing with the dropdown megamenu again (after making new navigations to split the menus around it…) and whilst building inside it gives you all the power of Cornerstone (great!), you can’t position it and currently it’s hanging half off my screen with no way of telling it to run full width or honour the main container…
I did a similar thing with the dropdown modal before (as you can control the positioning more with that) but that has to be clicked/not hovered over to trigger.

Depending on if you need subheadings (I did with Main item > 1st sub heading > items, 2nd sub heading > more items) you could use this:
.[topmenuclassname] ul {
display: grid;
grid-template-columns: 50% 50%;
width: 25em!important;
}

But that can bring its own issues in how it breaks the list up…

@mcostales84 @prakash_s - this is what we used to be able to do:

Though this is not useful…

The only exception is the header builder of the Pro. If you use the Header Builder of the Pro theme and use the elements such as the Navigation Inline to show the menu, the Mega Menu feature will not be available. The Mega Menu works in Pro if you do not use the header builder and the standard header is used.

1 Like

With this, and other issues, I’m at that point again where I’m waiting for the next release to see if they take care of those aspects, or I move to a new theme/builder.
I love Pro, but I feel they are getting behind…

Hey @mcostales84,

Thanks for your feedback. I’ll share that with our development team as a feature request so it might be taken into account in the future.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.