Plugin Overview

VoxFor Mega Menu Pro is a standalone WordPress mega menu plugin that creates professional navigation menus independently of WordPress's built-in menu system. With its intuitive drag-and-drop builder, you can create stunning mega menus without touching any code.

Key Features

Installation Guide

System Requirements

Installation Steps

1. Download: Get the plugin zip file from your purchase location
2. Upload: Go to WordPress Admin → Plugins → Add New → Upload Plugin
3. Install: Select the zip file and click "Install Now"
4. Activate: Click "Activate Plugin" after installation
5. Setup: Navigate to "Mega Menu" in your WordPress admin sidebar

Quick Start Guide

Create Your First Menu (5 Minutes)

1. Access Menu Builder:

   Go to Mega Menu → Dashboard in your WordPress admin

2. Create New Menu:

   Click "Create Your First Mega Menu" or "Add New Menu"

3. Name Your Menu:

   Enter a descriptive name (e.g., "Main Navigation")

4. Add Menu Items:
   • Click "Add Menu Item" for simple links
   • Click "Add Dropdown" for menus with sub-items
   • Fill in the title, URL, and optional icon
5. Save & Copy:

   Click "Save Menu" and copy the generated shortcode

6. Display Menu:

   Paste the shortcode in any post, page, or widget area

Menu Builder Guide

Interface Overview

The menu builder provides an intuitive interface for creating complex navigation structures:

Menu Item Types

Menu Item Configuration

Working with Icons

VoxFor Mega Menu supports SVG Icons:

// SVG examples
admin-home.svg
cart.svg
phone.svg

Display Methods

Method 1: Shortcode (Recommended)

The most versatile way to display your mega menu anywhere in WordPress:

Mega menu not found (ID: 123).

Shortcode Parameters

Where to Use Shortcodes

• Posts and pages content
• Widget areas (Text/HTML widgets)
• Custom fields
• Theme template files (via do_shortcode())
• Page builders (Elementor, Gutenberg blocks)

Method 2: PHP Function

For direct theme integration, use the PHP function:

<?php echo voxfor_get_mega_menu(123); ?>

Usage Examples

// In header.php
<nav class="main-navigation">
    <?php echo voxfor_get_mega_menu(123); ?>
</nav>

// With conditional check
if (function_exists('voxfor_get_mega_menu')) {
    echo voxfor_get_mega_menu(123);
}

// Multiple menus
echo voxfor_get_mega_menu(123); // Main menu
echo voxfor_get_mega_menu(456); // Footer menu

Method 3: Elementor Widget

If Elementor is installed, you get a dedicated widget:

1. Edit any page/post with Elementor
2. Search for "VoxFor Mega Menu" in the widget panel
3. Drag the widget to your desired location
4. Select your menu from the dropdown
5. Customize alignment and spacing
6. Update the page

Styling & Customization

Global Settings

Access global styling options at Mega Menu → Settings:

Animation Options

• Fade: Smooth fade in/out effect
• Slide: Sliding animation from top
• Slide Up: Sliding animation from bottom
• Bounce: Bouncy entrance effect
• None: Instant show/hide

Mobile Settings

Custom CSS

Add custom styles in the settings Custom CSS field or in your theme's style.css:

/* Menu container styling */
.voxfor-mega-menu {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Menu item styling */
.voxfor-mega-menu-item > a {
    color: #333333;
    padding: 15px 20px;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Hover effects */
.voxfor-mega-menu-item > a:hover {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.05);
}

/* Dropdown styling */
.voxfor-mega-menu-dropdown {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    padding: 20px;
}

Mobile Responsive Features

CSS Classes Reference

Troubleshooting

Common Issues & Solutions

Debug Tools

VoxFor Mega Menu includes several debug shortcodes for troubleshooting:

Getting Support

1. Check browser console for JavaScript errors
2. Verify WordPress and plugin versions are compatible
3. Test with default theme to isolate conflicts
4. Check server error logs for PHP errors
5. Provide debug information when contacting support

Frequently Asked Questions

Technical Requirements