WP Menu

WP Menu Settings

  1. Admin label: this helps you identify better than you did with this element. This will guide you while doing further customization. You should name the admin label by keeping the relevance to the purpose of the element you have added. This will surely save you from a lot of hassles.
  2. Widget title: Sets text that will display immediately above the custom menu in the sidebar.
  3. Widget title HTML element: Select a HTML element for widget title.
  4. Widget title style: Choose a heading style for the widget title. The heading styles differ in font size but come with the same predefined font and color.
  5. Menu: Use this to choose which of your custom menus to display. If you haven’t already created a custom menu, you’ll need to do that first on the Menus page.
  6. Enable submenu: If this option is enabled, the widget will show both main menu items and submenus in the front-end. Leave it disabled if you do not want them to appear.
  7. Style: Select a style from the list.
  8. Text align: This feature allows you to set the horizontal alignment of a text. A text can be left or right-aligned, or centered.
  9. Custom class: Write the class name used for writing custom CSS or JS.
  10. Custom ID: Give a custom ID to override the auto-generated ID.

Design Settings

Under this tab the options are as follows:

  1. Background: Select a color or tick on the box "transparent" if you don't want a background color.
    - Background repeat: sets if/how a background image will be repeated.
    - Background size: specifies the size of the background images.
    - Background attachment: sets whether a background image scrolls with the rest of the page or is fixed.
    - Background position: sets the starting position of a background image.
  2. Upload an image if you're interested in decorating the background with an image.
  3. Border: set the thickness of the element border by entering numbers in boxes top, right, bottom, and left. 
    There are many border styles including solid, dashed, dotted, double. 
    Choose a color for the borderline.
  4. Spacing: Add margin and padding values over the row to improve its appearance on different devices. Spacing units are px, rem, em, and %.
  5. Custom color: select a custom color for the element or otherwise make it transparent. You can set a custom color for text, regular link, hover link and active link. 

Menu

How to create a menu

To create a basic menu, you follow steps below:

Step 1: You can manage main menu by going to Appearance--> Menus.

Step 2: Then you click Create Menu and type menu name.

Step 3: You can generate menu items from left side and drag the generated menu at the right side to sort it. After that, next task is to assign menu to theme locations.

Step 4: Click Save

If you are still confused, please go to this guide: WordPress Menu User Guide

How to set up Mega Menu

To set up mega menu items, you follow guidelines below:

  • Hover on each menu item and click on TZ Mega Menu

  • In Mega Menu tab, you can add rows and divide rows into columns. In each column, you can add content you want.