0 %

Megamenu

If you have to much menu items, you should use our Megamenu.
Step 1 – First, you have to create 3 level menu item. Top level is visible in Default menu (it’s a Demo in the image below).  Second and third level items are displayed in a two-dimensional dropdown layout. Second level is column heading (Commercial in our example) and third level are the content of the column (Demo 01, Demo 02…)

Step 2 – To see that new structure you have to make sure that “CSS Classes” are checked in Screen Options tab on Appearance -> Menu dashboard page.

Step 3 – Now, all you have to do is to add class “megamenu” to top level menu item (the one that have 2 more levels below). That’s it.

Step 4 (optional) – We suggest to use Fullwidth option if you have 5-6 columns (second level menu items) to show.

There’s no need to define number of columns, since it’s created automatically depending of number of second level menu items.