ThemeHunk Mega Menu

ThemeHunk Mega Menu is a free, fast and most user friendly Mega Menu WordPress plugin. Follow this doc and learn how to customize it.

Download Free ThemeHunk Mega Menu from Here.
Now, Open your WP Dashboard and Upload the Plugin Zip file into Plugins panel and Activate it.
Now you can See “ThemeHunk Mega Menu” panel in your dashboard.

Menu Bar

These settings allow you to style the menu bar and the menu items.

Use these settings to change the appearance of menu items.

Menu Height – Using this option you can Adjust the height of Menu.
Menu Items Align – You can align your Menu items Left, Right and Center.
Menu Background – You can pick any desired Background Color for menu.
Menu Link Color – You can pick Menu link color and Menu link hover color (Current item color).
Menu Link Background Color – You can pick any desired Link Background Color.
Arrow – Using this option you can select Arrow styles.

Use these settings to change the appearance of Sub menu items.

Menu Background – You can pick any desired Background Color for menu.
Menu Link Background Color – You can pick any desired Link Background Color.
Menu Link Color – You can pick any desired Link Color.
Menu Padding – You can adjust Top, Bottom, Left and Right padding of your menu items.
Menu Margin – You can add Left and Right Margin.
Menu Border Radius – You can adjust Top, Bottom, Left and Right Border radius in Menu items.

Use these settings to change the appearance of menu items in Mobile device.

Responsive Breakpoint – Your mega menu will automatically collapse down to a mobile style menu on smaller screens. You can adjust the screen width at which the menu converts to a mobile style using this Responsive Breakpoint option. For example, if your theme collapses to a mobile style layout at 768px wide, you might want to set the Responsive Breakpoint to 768px.
Panel Open – Using this option you can select panel open side Left, Right or Center.
Toggle Text – You can add the Toggle bar Text and also pick color for the text.
Toggle Background – You can pick any desired color for Toggle bar background.
Toggle – This allows you to control the elements within the toggle open and close bar icons with their Color.
Toggle Bar Height – You can adjust the Height of your Toggle bar.
Arrow – Using this option you can select Arrow styles.
Mobile Menu Background – You can pick any desired Menu Color.
Menu Link Background Color – You can pick any desired Menu background Color.
Menu Link Color – You can pick any desired Link Color.

Use these settings to change the appearance of Sub menu items in Mobile device.

Sub Menu Hide – Using this option you can Hide the Sub menu items in Mobile devices by checking the box.
Menu Link Background Color – You can pick Menu link Background color and Menu link background hover color (Current item color).
Menu Link Color – You can pick Menu link color and Menu link hover color (Current item color).

Go to Dashboard > Appearance > Menus. From the Screen Options check the box of “ThemeHunk MegaMenu Setting”.
Now you’ll see a ThemeHunk Mega Menu Settings box on the left and a Green Mega Menu link will appear when you hover mouse over each menu item.
From the ThemeHunk Mega Menu Settings you can choose the Menu location and save it.

Now you can start implementing the Mega Menu functionality. This includes adding widgets to our menu, menu icons and applying custom styling to the menu.

To Style the mega menu settings for an item, go to Appearance > Menus, hover over a menu item and click the green “ThemeHunk Mega Menu” button.
This will open Mega menu setting panel. On the left side you’ll see “Options ” tab click on it.

Panel Width – You can adjust the panel width in ( %, Px, em ).
Panel fit End to End – By enabling this option, it will Stretch and fix your Menu panel to end to end.
Panel Alignment – Choose the Panel Alignment Left or Right.
Background Image – You can upload a Background image here.
Background Color/Overlay Color – You can pick any background color from the Color palette or you can pick Overlay color in your background image by increasing or decreasing the opacity.
Panel Padding – You can easily add Top, Bottom, Left or Right padding (px) in your menu panel.
Border – You can Pick Border color and add Border padding.
Border Radius – Add Border radius Top, Bottom, Left and Right.
Column Padding – Add Column padding Top, Bottom, Left and Right.
Widget – Here you can Pick color for your widgets items. Pick desired color for Widget Title, Text, Link and Link hover.
Widget Content Alignment – Align your Widget Content Left, right or center by selecting the image.