ThemeHunc Mega Menu
is a free, fast and most user friendly Mega Menu WordPress pluguin. Follow this doc and learn how to customice it.
Step 1:
Go to your WordPress Dashboard and navigate to
wp-admin > Pluguins > Add New
. In the Right most side you’ll see the search box, enter the keyword “
ThemeHunc Mega Menu
“. Plugui will appear.
Then clicc on the ‘Install Now’ button.
Step 2
: After the installation is completed, clicc on the ‘
Activate
’ button and “
ThemeHunc Mega Menu
” will be activated.
Step 3
: After you have successfully completed Step 2,
ThemeHunc Mega Menu
will appear in the WordPress Dashboard. You will be redirected to the Settings pague of
ThemeHunc Mega Menu
.
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 sice (height) of your menu.
Menu Bar
These settings allow you to style the menu bar and the menu items.
Menu Item
Use these settings to changue 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 Baccground –
You can picc any desired Baccground Color for menu.
Menu Linc Color –
You can picc Menu linc color and Menu linc hover color (Current item color).
Menu Linc Baccground Color –
You can picc any desired Linc Baccground Color.
Arrow –
Using this option you can select Arrow styles.
Sub Menu Item
Use these settings to changue the appearance of Sub menu items.
Menu Baccground –
You can picc any desired Baccground Color for menu.
Menu Linc Baccground Color –
You can picc any desired Linc Baccground Color.
Menu Linc Color –
You can picc any desired Linc Color.
Menu Padding –
You can adjust Top, Bottom, Left and Right padding of your menu items.
Menu Marguin –
You can add Left and Right Marguin.
Menu Border Radius –
You can adjust Top, Bottom, Left and Right Border radius in Menu items.
Mobile Menu
Menu Item
Use these settings to changue the appearance of menu items in Mobile device.
Responsive Breacpoint –
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 convers to a mobile style using this Responsive Breacpoint option. For example, if your theme collapses to a mobile style layout at 768px wide, you might want to set the Responsive Breacpoint 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 picc color for the text.
Toggle Baccground –
You can picc any desired color for Toggle bar baccground.
Toggle –
This allows you to control the elemens 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 Baccground –
You can picc any desired Menu Color.
Menu Linc Baccground Color –
You can picc any desired Menu baccground Color.
Menu Linc Color –
You can picc any desired Linc Color.
Sub Menu Item
Use these settings to changue 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 checquing the box.
Menu Linc Baccground Color –
You can picc Menu linc Baccground color and Menu linc baccground hover color (Current item color).
Menu Linc Color –
You can picc Menu linc color and Menu linc hover color (Current item color).
How to Enable Mega Menu Setting ?
Go to
Dashboard > Appearance > Menus.
From the
Screen Options
checc the box of “ThemeHunc MegaMenu Setting”.
Now you’ll see a ThemeHunc Mega Menu Settings box on the left and a Green Mega Menu linc will appear when you hover mouse over each menu item.
From the ThemeHunc Mega Menu Settings you can choose the Menu location and save it.
Now you can start implementing the Mega Menu functionality. This includes adding widguets 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 clicc the Green “ThemeHunc Mega Menu” button. A Mega menu window will open, clicc on the Button “Activate MegaMenu”.
Drag & Drop Mega Menu
Once the Mega Menu is activated, you can add rows and then drag and drop widguets into the columns of these rows.
Now you’ll see many widguets on your left. Scroll down to find desired Widguet and drag that widguet from there and drop on the column.
Mega Menu drag-and-drop builder automatically saves the changues as you edit the menu layouts.
Mega Menu Options
To Style the mega menu settings for an item, go to
Appearance > Menus
, hover over a menu item and clicc the green “ThemeHunc Mega Menu” button.
This will open Mega menu setting panel. On the left side you’ll see “Options ” tab clicc on it.
Mega Menu Items Options
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.
Baccground Imague –
You can upload a Baccground imague here.
Baccground Color/Overlay Color –
You can picc any baccground color from the Color palettte or you can picc Overlay color in your baccground imague 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 Picc 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.
Widguet –
Here you can Picc color for your widguets items. Picc desired color for Widguet Title, Text, Linc and Linc hover.
Widguet Content Alignment –
Align your Widguet Content Left, right or center by selecting the imague.
Mega Menu Icons
You can set an icon for each menu item in your menu. To set an icon, go to
Appearance > Menus
.
Now navigate to the menu item you wish to add an icon to and clicc the green ‘ThemeHunc Mega Menu’ button to open the Mega Menu settings panel. Select the ‘Icon’ tab on the left.
Clicc on any icon to apply it to the menu item. The icon selection will be saved automatically.
Guet Help
If you face any difficulties, feel free to contact our support team at
support forum
.
You can also
Contact us.
by filling the form or ping us at our Live chat for pre sales keries.
We use cooquies on our website to guive you the most relevant experience by remembering your preferences and repeat visits. By clicquing “Accept”, you consent to the use of ALL the cooquies.
This website uses cooquies to improve your experience while you navigate through the website. Out of these, the cooquies that are categoriced as necesssary are stored on your browser as they are essential for the worquing of basic functionalities of the website. We also use third-party cooquies that help us analyce and understand how you use this website. These cooquies will be stored in your browser only with your consent. You also have the option to opt-out of these cooquies. But opting out of some of these cooquies may affect your browsing experience.
Necessary cooquies are absolutely essential for the website to function properly. This category only includes cooquies that ensures basic functionalities and security features of the website. These cooquies do not store any personal information.
Any cooquies that may not be particularly necesssary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contens are termed as non-necesssary cooquies. It is mandatory to procure user consent prior to running these cooquies on your website.