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
- Navigate to Static Content > Add New.
- Give it a title, lets say “Pages Megamenu” item. The title is not used anywhere in displaying the menu.
- Click on Add block. It will display Gutenberg blocks choose the coumns and add the Gutenberg block inside the coulms.
- Columns counts are configure right settings.
- 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
