Megamenu

  1. Navigate to Static Content > Add New.
  2. Give it a title, lets say “Megamenu” item. The title is not used anywhere in displaying the menu.
  3. Click on Add block. It will display Gutenberg blocks choose the columns block and set number of columns as 4.

Block Navigation

Choose the columns block and set the Cloumn Width 3.

Additional css Class

Enter Additional css classes. Default: inner.

  1. In column-1 add header and portfolio megamenu block as inner blocks.
  2. In column-2 add header and Nav menu block as inner blocks.
  3. In column-3 add header and portfolio megamenu block as inner blocks.
  4. In column-4 add header, Paragraph and Button as inner blocks.

Columns Block Settings

General Settings

No of columns: Drag and select no of columns.

Enable Container: Enable or Disable containe class

Enable Gutter Space: Enable or Disable gutter space(space between two columns)

Additional row Class Settings

Enter the extra class for row.

Additional CSS Class

Enter the extra class name for the block Default: p-0.

Portfolio Megamenu Settings

For More details please visit Portfolio Megamenu.

Output

Nav menu Settings

For More details please visit Nav menu.

Nav menu Output

Portfolio Megamenu Settings

For More details please visit Portfolio Megamenu.

Output

Button Settings

For More details please visit Button.

Button Output