Create Beautiful Interactive Menus

Overview

You are the administrator of a five-star website so you need to make sure that people are impressed by what’s on the menu. To do that, you need to master the art of creating beautiful interactive menus.

As all good things, it starts with activating the extension in the Blocksy dashboard. Creating the new content blocks to place inside the menu should be your next step. We need to point out that this task falls to you, so put on your creative hat and use your hard-earned skills to come up with something beautiful!

Once you have created your content blocks it’s time to make them visible so you can choose the display conditions you want to apply.

The next step takes place in the Menus section of the WordPress dashboard, where you can use the newly-created content blocks as menu items and  sub-items. After enabling the Advanced Menu features for the top level entry you can set the structure for the menu drop-down, customise its design or even add icons or badges.

Your menu sub-items have their own Advanced Menu settings although not all options found in the parent element section are available here. In our case, we need to select the Custom Content Type as Content Block and assign it one of the content blocks you’ve just created. If you want the content to controlled by the (dramatic pause) content block you will need to disable the Item Label and Label Link. Repeat as needed until the menu is ready to be saved.

The final step is to colour us impressed – you now have an interactive, dynamic and absolutely gorgeous menu. Congrats!

Bonus!

If you want to replicate the exact 1:1 design that you see in the video, download the JSON payloads from here — json-payloads.zip

Plugins needed –