ThemeHunk Mega Menu

Plugin Installation

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.

How to Style Menu Items ?

  • First learn how to create Menu for your site. For this Navigate to this post.
  • To style your menu items. Go to Dashboard > TH MegaMenu. You can modify all aspects of the Menu styling, including the font, color and size (height) of your menu.

Mobile Menu

Menu Item

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.

Sub Menu Item

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).

mobile-menu-mega-menu

How to Enable Mega Menu Setting ?

  • 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.

enable-mega-menu

  • 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.

How to Edit Mega Menu ?

To start edit a Mega Menu, Hover over a menu item and click the Green “ThemeHunk Mega Menu” button. A Mega menu window will open, click on the Button “Activate MegaMenu”.

edit-mega-menu