Editing Menu with JetMenu

From this block you’ll learn how to create and edit a menu using JetMenu plugin.

  1. First, let’s navigate to Appearance > Menus tab on the left of WordPress Dashboard.
  2. Here you need to select the menu you want to edit from the menus dropdown list. Then click Select button.
  3. Locate JetMenu Settings block. Here you should enable JetMenu for current menu location option. Then click Save button to save the changes.
  4. Now let’s edit your existing menu with JetMenu plugin. Locate Menu Structure block and hover on one of the menu items. You’ll see JetMenu button on the right of the menu item title. Click on it to edit the item with JetMenu.
  5. A popup window will appear. It consists of several tabs: Content, Icon, Badges and Misc. Let’s overview each one of them.

  1. Enable Mega Submenu option in order to create a submenu for the item.
  2. After that click Edit Mega Menu Item Content button to open the JetMenu content editor.
  3. Please, note, that when you enable Mega Submenu for Elementor you create the mega menu using Elelemtnor page builder, and it will be displayed instead of the submenu items. The default submenu will be disabled as it will be replaced by the Mega Menu content.

  4. A new window will open. It is similar to the one you see when proceeding to edit with Elementor.
  5. Click on Add New Section button to create a new section for the menu.
  6. Select the preferable section structure.
  7. Drop the content modules you want to add to the menu item (image, video, button, text, icon, animated elements, etc.). You can add the default Elementor content modules as well as JetElements ones.
  8. You can customize the module’s content and style the same way you do it when creating content with Elementor. Please, feel free to check the Elementor documentation and JetElements documentation in order to learn how to do it.
  9. When everything is done, click Save button to save the applied changes.
  10. After that click on Back icon in the bottom left corner to return to the JetMenu Content popup window.
  11. Don’t forget to click Save to save the changes.

In this block you can set the JetMenu position.

Click on Settings block to view the list of all the available position settings of the mega menu.

  1. Default - this option allows to set the mega menu width as the container width.
  2. Relative the menu item - here you can set the mega menu width relatively to the menu item position.
  3. Set custom mega menu width for this item (px) - here you can define the custom width for the certain item of the mega menu.

In this block you can set the JetMenu item icon and specify the icon color.

  1. Click on Menu Icon block to view the list of all the available icons and select the one you need.
  2. Then specify the icon color in the Icon Color block using color picker tool.

  • In order to use the badge for the menu item switch to Badges tab. Here you can specify the item badge title, badge color and badge background color.
  • Menu Badge - here you need to fill in the title for the menu item badge.
  • Badge Color - set the menu item badge color using color picker.
  • Badge Background Color - here you can set the badge background color using color picker tool.

In this block you can hide or show the menu item navigation label.

  1. Enable Hide Item Navigation Label option in order to remove the navigation label from the menu item.
  2. Click Save button in the bottom right corner to save the changes.
Vertical Menu

This block allows to select whether Vertical Menu is aligned at the level of the menu item or the menu container.