Nav Menu

You can Customize Nav Menu and you can set on any header you build. You only need to edit with Elementor. Just drag and drop into Elementor content.

First go to the Menus Screen to manage your menus.

Main Menu

1. Menu - You can choose your Menu

2. Layout - You can choose Vertical or Horizontal menu.

3. Alignment - You can set Alignment Right, center or left if is width 100%.

4. Scroll Active Class - Enable the active class on scroll, the menu item href should be the same as section id.

5. Width - Set Menu content width.

Mobile Menu

1. Visibility - Activate the mobile menu on the mobile devices.

2. Breakpoint - Set Breakpoint for display menu.

3. Alignment - You can set Alignment Right, center or left if is width 100%.

4. Animate Items - Enable animation in mobile menu items when menu is opening.

5. Alignment - You can set Alignment for Hamburger icon and Close Icon.

Style Tab

At the Style you have this options below.

Main Menu

1. Typgraphy - You can customize typography for menu.

2. Text Color - You can change color for menu on Normal, Hover and Active.

3. Text Shadow - You can add and manage text shadow.

4. Vertical Spacing - Set spacing between menu items.

Sub Menu

1. Background Color - You can change background color for Sub Menu.

2. Spacer Color - You can change space color for Sub Menu.

3. Spacing - Set spacing between sub menu items.

4. Offset - Set top offset for sub menu.

Sub Menu Items

1. Typgraphy - You can customize typography for menu.

2. Text Color - You can change color for menu on Normal, Hover and Active.

3. Text Shadow - You can add and manage text shadow.

4. Vertical Spacing - Set spacing between menu items.

5. Border Type - You can choose your border.

6. Arrow - Set color, size and position for Arrows in Sub Menu.

Mobile Menu

1. Background Color - You can change background color for Mobile Menu.

2. Padding - You can change and manage padding for Mobile Menu.

3. Vertical Spacing - Set spacing between Menu.

Hamburger Icon

1. Color - You can change color for Hamburger Icon.

2. Background Color - You can change background color.

3. Box Shadow - You can add and manage box shadow.

4. Size - Set size for Hamburger Icon.

5. Padding - You can change and manage padding for Hamburger Icon

6. Border Radius - You can change border radius for badge easy.

Close Icon

1. Color - You can change color for Close Icon.

2. Background Color - You can change background color.

3. Box Shadow - You can add and manage box shadow.

4. Size - Set size for Close Icon.

5. Padding - You can change and manage padding for Hamburger Icon

6. Border Radius - You can change border radius for badge easy.

Mobile Menu Items

1. Typgraphy - You can customize typography for menu.

2. Text Color - You can change color for Mobile Menu on Normal, Hover and Active.

3. Text Shadow - You can add and manage text shadow.

4. Vertical Spacing - Set spacing between menu items.

5. Border Type - You can choose your border.

6. Arrow - Set color, size and position for Arrows in Sub Menu.