Skip to main content

​
Main Features

  • Create custom links in the top menu (header) area.
  • Define dropdown menus or modal pop-ups.
  • Arrange menus hierarchically with drag and drop.
  • Assign icons to each menu item for visual consistency.
  • Set links as internal (within the site) or external.

​
What You Can Do

  • Add subcategories under main categories (for example, under “About Us”: “Team,” “Mission”).
  • Create sections such as “Support,” “Campaigns,” “Community,” or “My Account.”
  • Add modal forms like “Articles,” “Agreement,” or “Quick Contact.”
  • Use icons on menu items to create attractive buttons.

​
Why Menu Management Matters

  • Helps users navigate your site easily.
  • Strengthens internal link structure for SEO.
  • Enables smooth menu transitions on mobile devices.
  • Enhances trust with a professional look.

​
1. Adding a Menu

You can easily create menus that guide users through your site’s header. The menu structure can include both links and modals for a richer experience. 1. Log in to your admin panel.
2. Click the “Brush” icon in the left menu.
3. Go to the “Appearance” tab.
4. Click “Menus.”
5. Click “Add Item” in the top-right corner.
  • Menu Title:
    Enter the title that users will see.
  • Icon Selection (Optional):
    Choose an icon from the icon picker. It will appear beside the title. You can leave it blank if not needed.
  1. Normal Link
  • Enter a URL (example: /about or https://...).
  • Tab Option:
    • “Open in the same tab”
    • “Open in a new tab”
  1. Modal
Modals have two content types: a) Text-Based Modal:
  • Enter the description text that appears in the modal.
  • When users click the menu, the modal displays this content.
b) Button-Based Modal:
  • Click “Add Button.”
  • Button Title: Enter the text shown on the button.
  • Button Link: Enter the URL to open when clicked.
  • Button Color: Choose one of these color classes:
    • btn-light-success
    • btn-light-danger
    • btn-light-primary
    • btn-light-info
    • btn-light-dark
  • You can delete or reorder added buttons.

​
Additional Settings

  • Description:
    Add a short explanatory text below the menu.
  • Parent Menu:
    To nest this menu under another (dropdown), select a parent menu.
    It will then appear inside that dropdown.
After filling in all fields, click “Save” or “Publish” to activate the menu. It will appear immediately in the top bar (or under the selected section).

​
2. Nesting and Reordering Menus

You can reorder and nest your menus in the admin panel. This feature helps users navigate more easily through dropdowns.

​
Drag and Drop Sorting

  • Each menu item appears as a block.
  • Drag and drop items up or down to set their order.
  • The order determines how menus appear in the top navigation bar.

​
Creating Submenus (Nested Menus)

  • Drag a menu slightly to the right under another menu to make it a submenu.
  • When users click the main menu, the nested menu will appear as a dropdown.

​
Changes Apply Instantly

  • Drag and drop actions save automatically.
  • All menu structure updates appear on the site instantly.
You are all set! With this feature, you can organize your menu structure to keep it clean, simple, and effective.