Creating Megamenus

Building Megamenu Dropdown

Reen supports Megamenu Dropdown, with the help of plugins that comes bundled with the theme namely : MAS Static Content plugin.

1. Static Content Post Type

A megamenu item in Reen theme is a Static Content This Static Content is available on activating MAS Static Content Plugin.

2. Add a new megamenu item

  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