Huger - Mega Menu for Elementor

WordPress plugins Documentation

Huger is a Mega menu WordPress plugin for Elementor for getting highly customizable navigation in any part of your page. The plugin has straightforward and flexible settings to create a clear, convenient, and extensive menu for different sites so users can find all important information faster.

The plugin allows you to use Elementor templates as a source, which means the menu can contain any type of content. In addition to the usual list with the item titles, you can get the necessary structure of menu elements with images, videos, interactive elements, search bar, or other required things. Add any widgets and shortcodes to the mega menu block. This is an easy way to get horizontal or vertical orientation in several clicks. Order the main menu items directly from the Elementor Editor.

Compatible with Elementor Templates
Woocommerce Category Supported
Customizable Mobile Menu
Crafted for Elementor Builder
Includes Templates for Elementor
Completely Cross-Browser Support
Suitable for all kinds of Layouts and Templates
Perfect for Popular Elementor Themes

Set up a multi-level menu with flexible settings for each of the levels, apply animation and adjust the display position via the offset options. The responsiveness settings allow managing the navigation display for different devices. Select the toggle icon for the mobile menu and specify its position, add the menu background and customize other options, there is everything you need to create a user-friendly and unique mobile, tablet or desktop mega menu for your website.

We made sure that it was easy for you to get started with Huger. With the plugin, you get 5 unique stylized and go-to-use templates.  These are just some examples that can inspire you to create your style. It provides you a quick start in a few clicks.

Detailed style settings for each mega menu element will help to get the required result. You can manage size, typography, colors, background, border, submenu offset, close toggle style, and other different things. It is possible to apply various styles for different menu item states like normal, hover or active.

Huger for Elementor is exceptionally compatible with all modern browsers. It does not matter which browser users view your site: Chrome, Firefox, Opera, Safari, or Edge. Everything will look great on all devices and in all browsers.

Features of the Huger plugin for Elementor

The plugin installation takes only a few seconds. Also, you do not need to make any additional settings. The plugin is ready to work immediately after installation – you only need to install and activate it in WordPress. Read more about capabilities and settings in the Online Documentation.

Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin pluginname.zip There are two ways to install it:

Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )

STEP 1

First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit http://yoursitename/wp-admin

STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress
Add New Plugin to WordPress
STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress
Upload New Plugin to WordPress
STEP 5

Choose archive with Plugin and press Install Now Button

STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

Installation the plugin through FTP or build-in File manager

STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

STEP 2

Upload archive with plugin to /wp-content/plugins

STEP 3

On next step Unzip the archive with the plugin

STEP 4

Installing WordPress Plugin is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.

Activate Installed Plugin

After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and WordPress Plugins.

The Mega Menu plugin allows you to use Elementor templates as a source, which means the menu can contain any type of content. In addition to the usual list with the item titles, you can get the necessary structure of menu elements with images, videos, interactive elements, search bar, or other required things. Add any widgets and shortcodes to the mega menu block. This is an easy way to get horizontal or vertical orientation in several clicks. Order the main menu items directly from the Elementor Editor.

For further work, you need the Elementor to be installed on your site. You can download it from wordpress.org

Open or create a page using Elementor and drag the widget to a page using the Element editor to start customizing. In the left pane of the editors, you can customize the widget to the style of your site. Each of the tabs presented a specific group of settings:

Content tab

In the Content section, you can manage the basic settings of the mega menu such as layout display, menu items, mobile display, submenu, icons, logo, etc.

General settings

Menu items

The block for managing the menu items. The items can be added, removed, or duplicated.

Main Menu Items

To add a new element, click “Add Item” and fill all the necessary fields:

Mobile menu settings

Submenu

WP menu settings

A settings block for a submenu with a regular WordPress menu.

Style tab

On the style tab, you can manage the element styles of the responsive navigation like menu item colors in different states, size, typography, borders, padding/margin, etc.

Menu item/WP menu item/WP menu submenu item

NORMAL/HOVER/ACTIVE

The menu style settings for different states.

Submenu/WP menu submenu

NORMAL/HOVER

The submenu style settings for different states.

Toggle style/Close toggle style

The display styles block of the responsive navigation for the mobiles.

Mobile menu toggle
NORMAL/HOVER

The toggle style settings for different states.

Mobile menu