Nav Menu

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.