Nav Menu Element

The Nav Menu element will allow you to style and customize the menus you've created on WordPress giving your visitors graceful navigation throughout your entire website. Haven them wander around your site with exceptionally designed nav menus. To start customizing your menu drag the Nav Menu element onto the page. 

Content Tab 

Functionality

  1. Menu - Select the menu you want to customize, the list will appear on the dropdown menu
  2. Layout - Select the menu layout to either be Horizontal, Vertical, or Mobile Dropdown. The latter layout option will appear a hamburger menu that's basically a navigation element used to switch between the menu or nav bar while being folded behind the icon or output on the screen.
  3. Align - Place the navigation menu either Left, Center, Right, or Strech across the page. 
  4. Pointer - Add a pointer for the nav menu elements. 
  5. Animation - Add animation for the pointer 
  6. Submenu Indicator - Choose the icon for when a menu item contains a submenu. You can select either Classic, Chevron, Angle, or Plus.

Mobile Dropdown

  1. Breakpoint - Set the breakpoint where the mobile menu will appear, either Mobile, Tablet, or None. 
  2. Full Width - Decide whether your mobile dropdown menu will stretch across the page to be full width or not. 
  3. Toggle Align - Choose whether your toggle button will appear on the Left, Center, or Right. 

Style Tab

Main Menu

  1. Typography - Set the typography options for the main menu 
  2. Text Color - Set the color of the text for the main menu 
  3. Pointer Width - Set the width of the pointer in exact values 
  4. Horizontal Padding - Set the horizontal padding around the text of the main menu
  5. Vertical Padding -  Set the vertical padding around the text of the main menu
  6. Space Between - Set the space between the menu items 

Dropdown

  1. Typography - Set the typography options for the dropdown menu 
  2. Text Color - Set the color of the text in the dropdown menu 
  3. Background Color - Set the background color for the dropdown menu 
  4. Border Type - Choose to add a border for the dropdown menu 
  5. Border Radius - Set the border radius for the dropdown menu 
  6. Box Shadow - Choose to add shadow to your dropdown menu box 
  7. Horizontal Padding - Set the horizontal padding around the text of the dropdown menu
  8. Vertical Padding -  Set the vertical padding around the text of the dropdown menu

Divider

  1. Border Type - Choose to add a border for the divider either from Solid, Double, Dotted, Dashed, or Groove 
  2. Color - Set the color for the divider 
  3. Border Width - Set the width of the border for the divider 
  4. Distance - Se the distance in values between the divider the menu items 

Toggle Button

  1. Color - Set the color for the toggle button 
  2. Background Color - Set the background color for the toggle button 
  3. Size - Select the precise size of the toggle button 
  4. Border Width - Set the width of the toggle button 
  5. Border Radius - Set the border radius of the toggle button 


Set the settings for the Advanced Tab that is appropriate for the element. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.