Two columns menu

If you’ve set your list’s Style to “List of links,” you can customize it to include columns using CSS. Doing so involves two steps:

1. Assign a custom class to the menu container
2. Add column-count CSS for the number of columns

Make sure to assign the menu container a special class to use in the CSS in order to restrict the custom CSS to only your menu.

For example, say you want to call your menu’s class “mycustomclass”. In Admin -> Tools -> Menu In Post Tools, enter “mycustomclass” in the “Container Class(es)” text box when you build your Menu In Post shortcode. If you have already created your shortcode, you can edit it and add:

container_class="mycustomclass"

to the shortcode.

Next, add the following CSS to your child theme’s style.css or to Admin -> Appearance -> Customize -> Additional CSS:

.mycustomclass {
  column-count: 2;
}

Save your changes, clear any caching plugin and your browser cache, and you should be good to go.

For more information, see the CSS column-count property on W3Schools.

Hi @stefan2204,

I haven’t heard back from you, so I am going to assume this is resolved and mark it as such. If you have further questions, let me know.