Nav Menu

Estimated reading: 2 minutes 17 views

The Nav Menu Widget allows you to display your WordPress navigation menu with custom styles, responsiveness, and additional controls for both desktop and mobile views.

🚀 How to Enable the Image Widget

To start using the Image Widget, follow these steps:

  1. Navigate to your WordPress dashboard.
  2. Go to Themepul Pack → Widgets.
  3. Locate the Nav Manu widget from the list.
  4. Toggle the switch to “On” to enable it.
  5. The widget is now available in the Elementor editor.

🔹 Step 1: Add the Nav Menu Widget

  • In the Elementor editor, go to the Widgets Panel.
  • Search for Nav Menu.
  • Drag and drop the Nav Menu widget (with TP badge) into your desired section.

🔹 Step 2: Configure Menu & Logo (Desktop View)

Menu Styles

  • Choose from different menu layout styles such as Style One, Style Two, etc.

Header One Active

  • Toggle this ON if you’re using the Header One layout. It ensures compatibility and layout consistency.

Menu

  • Select your desired menu from the dropdown (e.g., Main Menu).

Note: Menus must be created in the WordPress Appearance > Menus section.

🔹 Step 3: Configure Mobile Menu

Mobile Menu

  • Choose which menu appears on mobile. Options: All Items, Custom Menu, etc.

Select Mobile Logo

  • Choose between the default logo or a custom logo for mobile off-canvas menu.

Icon

  • Choose the hamburger icon that opens the mobile navigation.

🔹 Step 4: Style Settings

Go to the Style Tab for advanced styling:

🧩 Mobile Menu Close & Open Button

  • Customize both the open and close buttons:
    • Typography
    • Width / Height
    • Background Color, Hover Color
    • Text Color
    • Border, Radius, Margin, and Padding

🧩 Menu Box

  • Control overall container styling for the menu.

🧩 Mobile Menu Box

  • Style background, padding, and layout of the mobile nav container.

Leave A Comment

All fields marked with an asterisk (*) are required