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 navitagion menu Menu

Step 1 — Log in to your WordPress Dashboard.

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

Crocoblock library

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.

Headers tab in the Magic Button

Step 5 — Afterward, find the Nav Menu widget in the elements panel on the left, and add it to the page.

Nav Menu widget in Elementor panel

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 the Nav Menu idget according to your needs and preferences.

Customizing Nav Menu

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. Now you know how to enrich a header with a navigation menu using JetBlocks plugin.