A user asked,
Have you done any tutorials on how to use a custom menu in a widget and make it appear on the page in 3 columns using the column classes?
I searched, but nothing is coming up.
I considered using the uber menu plugin, but that seems heavy for what I am trying to accomplish.
If using three menu widgets in separate widget areas (that are split into columns using column classes) is not an option, then CSS Multi-column layout module can be used. But the problem with it is that it doesn't work in IE 9 and 8. While IE 8 support may be overlooked, many still use IE 9 and hence we are going to use Columnizer jQuery for displaying list items of a single custom menu in 3 (or any other number of) columns as detailed in this article.
In this example we are going to register a 'Before Footer' widget area, display it above the footer (and footer widgets), set up our jQuery and finally drag a custom menu widget into this widget area.
Create a file named say, columnizer-init.js in your child theme's
js directory (create if not existing) having the following code:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.