Configuration

Configuration

Navigate to Appearance > Mega Menu Ajax to configure the plugin.

Menu Locations

The plugin automatically detects all registered menu locations in your theme. Each location can be configured independently.

Enable/Disable

Toggle mega menu functionality for each menu location.

AJAX Sub-Menu Loading

When enabled, sub-menus are loaded on demand via AJAX when users hover over parent items. This reduces initial page load time.

Preload Settings

Configure page preloading behavior for faster navigation.

Setting	Description	Default
Enable Preload	Enable page preloading on hover	Off
Delay (ms)	Milliseconds to wait before preloading	50
Preload CSS	Preload CSS files from target page	On
Preload JS	Preload JavaScript files from target page	Off
Preload Images	Preload images from target page	On

Animation Settings

Configure animation effects for sub-menu display.

Animation	Description
Fade	Sub-menus fade in/out
Slide	Sub-menus slide down/up
Fade + Slide	Combined fade and slide effect
None	No animation (instant show/hide)

Responsive Settings

Configure mobile breakpoint behavior.

Setting	Description	Default
Mobile Breakpoint	Screen width for mobile view	768px
Mobile Toggle	Show hamburger menu on mobile	On

Per-Location Settings

Each menu location has its own settings:

[✓] Primary Menu
    [✓] Enable AJAX Sub-Menu Loading
    [✓] Enable Preloading
        - Delay: 50ms
        - [✓] Preload CSS
        - [ ] Preload JS
        - [✓] Preload Images

Debug Mode

Enable debug mode to see console logs:

1. Add to wp-config.php:

   define('WP_DEBUG', true);

2. Open browser DevTools (F12)
3. Check Console for [MegaMenuAjax] messages