- Navigate to Static Content > Add New.
- Give it a title, lets say “Megamenu” item. The title is not used anywhere in displaying the menu.
- 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.
- In column-1 add header and portfolio megamenu block as inner blocks.
- In column-2 add header and Nav menu block as inner blocks.
- In column-3 add header and portfolio megamenu block as inner blocks.
- 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