How to make mega menu in BlockPress and Greenshift plugin

Version 1.1 of theme has option to make mega menu in core navigation block.

Steps to do this are next

1. Create Reusable template with your menu.

You can also import ready template for this from Greenshift library

I recommend to use full width Row for mega menu layout. You can also add background and shadow to row.

2. Copy shortcode for reusable template and trigger classes

You can use two trigger classes – hover and click. So, mega menu will be loaded on hover or on click to parent item

3. Use core navigation block and create first level menu

Use Appearance – Site editor and create menu item in header as usual. As link, you can use symbol #. As title, you can use any title.

Now, place copied trigger classes to this menu item

4. Create submenu

Now, create submenu. In title of submenu item, use word MEGAMENU. As link, use # (or any other link). In Description, place reusable shortcode.

You can also reduce height in shortcode. More proper will be use something around 50px or less

Please, note, that hover is not working on mobiles, so, if you want to remove this item on mobiles, add class “hide-on-mobile” in parent menu item and this will hide it on mobiles


Leave a Reply

Your email address will not be published. Required fields are marked *