Back to contents

How to add a simple menu with Nav Menu widget into the header template

This tutorial explains what steps you have to take in order to add a simple menu into the header template with the help of Navigation Menu widget.

Navigation Menu widget allows you to display links to pages and design it in a preferable way. Also, this widget makes it easy to create a menu and place it in the website’s header and footer built with Elementor.

Nav Menus are very important, that’s why they are usually placed close to a header or in it.

This tutorial will teach you how to add a menu with Nav Menu widget using JetBlocks plugin.

Adding a Nav Menu

Step 1 — Log in to your WordPress Dashboard.

Step 2 — Navigate to CrocoBlock > My Library. Here click Edit with Elementor button to proceed with editing the needed template where you want to place a nav menu.

Step 3 — After you will be redirected to Elementor, you can change your header template by navigating to the Magic Button library.

Step 4 — Here, click the Headers tab, choose the header you like and click Insert.

Step 5 — Afterward, find the Nav Menu widget in the Elements panel, and add it to your website.

Step 6 — After that, you will see a Nav Menu in your Header section. On the left, you will see different options which can help you change your Nav Menu according to your needs and preferences.

Step 7 — Don’t forget to click the Publish button to save the changes. Also, you can see how your Nav Menu looks like if you click the Preview button.

Now your Navigation Menu is ready. Hope this tutorial was helpful and you enjoyed it!