Customize navigation menus you’ve created in WordPres with a few clicks using the 10Web Nav Menu premium widget.

The Content Tab

Layout

Menu: From the drop down menu choose a menu you’ve previously created in WordPress.

Layout: Choose from, horizontal, vertical, or drop down menu layout. 

Align: Set the alignment of the menu bar to left, center, right, or stretch. 

Pointer: Choose an indicator for the menu bar on hover.

Animation: Choose an animation effect for the pointer. 

Submenu Indicator:  Set an icon for the submenu indicator.

Mobile Dropdown

Toggle Button/Hamburger Menu: Click the toggle to show/hide the dropdown menu button.

Full Width: Click the toggle to stretch the dropdown of the menu to full width. 

Breakpoint: Set mobile or tablet breakpoint. 

Toggle Align: Set the alignment of the menu button.

Text Align: Set the alignment of the menu text.

The Style Tab

Main Menu

Typography: Customize all the typographical elements of the menu bar text. 

Customize the following settings for Normal, Hover, and Active cases independent of each other. 

Text Color: Customize the color of the menu bar text.

Pointer Width: Set the thickness of the pointer. 

Horizontal Padding: Set horizontal padding of menu bar. 

Vertical Padding: Set vertical padding of menu bar. 

Space Between: Adjust the space between the menu bar buttons. 

Pointer Color: Customize the color of the pointer. 

Drop Down

Note: Changes made in this area will affect the submenu for desktop and the entire menu for mobile. 

Customize the following settings for Normal, Hover, and Active cases independent of each other. 

Text & Background Color: Click on the color tile to customize the color. 

Typography: Set typographical preferences. 

Border Type: Option to set a border for the dropdown menu. 

Border Width: Customize the thickness of the border. 

Color: Customize the border color.  

Border Radius: Set a radius for rounded edges. 

Box Shadow: Set a shadow for the dropdown menu. 

Padding: Set vertical padding of menu items.

Divider

Divider Type: Option to set a divider for the menu items.

Color: Customize the divider color. 

Divider Width: Customize the thickness of the divider. 

Distance: Set the distance of the menu items relative to the toggle.

Toggle Button

Customize the following settings for Normal and Hover cases independent of each other. 

Color: Customize the toggle icon color. 

Background Color: Customize the toggle button color. 

Size: Customize the toggle size. 

Border Width: Seth the thickness of the toggle border. 

Border Radius: Set a radius for curved toggle edges. 

The Advanced Tab

In the advanced tab, adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.

Next Up: Search Form