1. Home
  2. Docs
  3. Framed
  4. Header
  5. Using Mega Menu

Using Mega Menu

Mega Menu is extensive sub menu which allow you to display large amount menu items into columns. You can select from 2-4 columns. To setup mega menu. Open Appearance > Menus then you can drag menu items to be child of parent items.

On menu parent item, open its option box and add class “megamenu” to enable mega menu display. Then enter number of columns you want.

For example if you want to display mega menu in 4 columns enter class “col4“.

So you need to add and organise menu items of this mega menu into 4 columns. Please see above screenshot of Appearance > Menus to get an example.

You can also can display or hide columns name.

By default it displays each mega menu columns name. You can also hide it by open menu item option and add “hidden” CSS class.

Tags