Creating Megamenus

Building Megamenu Dropdown

Theloke 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 Theloke 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 “Pages Megamenu” item. The title is not used anywhere in displaying the menu.
  3. Click on Add block. It will display Gutenberg blocks choose the coumns and add the Gutenberg block inside the coulms.
  4. Columns counts are configure right settings.
  5. Click on Publish button.

Style-1

  • Megamenu Style-1 have columns block, image block and brand carousel block.
  • Each Column has image black and custom html Block.
  • Add additional css class yamm-bg-color in Brand Carousel block.

Setting

Brand Carousel Block Settings

Output

Style-2

  • Megamenu Style-2 have image block and columns block.
  • Each Column has custom html Block.
  • Add additional css class yamm-extend-bg-image in Image block.

Setting

Output

Style-3

  • Megamenu Style-3 have columns block, product block and image block.
  • Each Column has custom html Block.
  • Add additional css class card in Product block.

Setting

Products Block Settings

Output

Style-4

  • Megamenu Style-4 have image block and columns block.
  • Each Column has custom html Block.
  • Add additional css class yamm-extend-bg-image in Image block.

Setting

Output

Style-5

  • Megamenu Style-5 have and columns block, product block and feature list block.
  • Each Column has custom html Block except one column with product block.
  • Add additional css class yamm-bg-color yamm-bottom-content in feature list block.

Setting

Product Block Settings

Feature List Block Settings

Output

Style-6

  • Megamenu Style-6 have and columns block and image block.
  • Each Column has custom html Block except one column with image block.

Setting

Output