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:
Navigate to your WordPress dashboard.
Go to Themepul Pack → Widgets.
Locate the Nav Manu widget from the list.
Toggle the switch to “On” to enable it.
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.
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:
🔹 Step 1: Add the Nav Menu Widget
Nav Menu
.🔹 Step 2: Configure Menu & Logo (Desktop View)
▸ Menu Styles
Style One
,Style Two
, etc.▸ Header One Active
▸ Menu
Main Menu
).🔹 Step 3: Configure Mobile Menu
▸ Mobile Menu
All Items
,Custom Menu
, etc.▸ Select Mobile Logo
▸ Icon
🔹 Step 4: Style Settings
Go to the Style Tab for advanced styling:
🧩 Mobile Menu Close & Open Button
🧩 Menu Box
🧩 Mobile Menu Box