Mega Main Menu v2.2.0
Below are all the locations, which are supported by this theme. Toggle to change their settings.
Activate Mega Main Menu in the following locations:
Mega Main Menu and its settings will be displayed in selected locations only after the activation of this location.
Add to Mega Main Menu:
You can add searchbox and/or other elements to the primary menu.
Height of the first level items
Set the height for the initial menu container.
px
Primary Style
Select the button style that fits the style of your site.
Buttons Height
Specify the height of the first level buttons. Notice: for "Buttons" style ONLY.
px
The logo file
Select image to be used as logo in Main Mega Menu. It's recommended to use image with transparent background (.PNG) and sizes from 200 to 800 px.
Maximum logo height
Maximum logo height (in terms of percentage) in comparison to the height of the initial container.
%
Logo positions
Please select the situations when you want to display logo for this menu.
Alignment of the first level items
Choose how to align menu elements of the first level.
Location of icons in first level elements
Choose where to place icons for first level items.
Separator
Select type of separator between the first level items of this menu.
Rounded corners
Select the radius value of corners.
px
Trigger
Show dropdowns by "hover" or "click"?
Dropdowns Animation
Select the type of animation for displaying dropdowns. Warning: Animation works correctly only in the latest versions of progressive browsers.
Minimized on Mobile Devices
If this option is activated you get the collapsed menu on mobile devices.
Label for Mobile Menu
Here you can specify a label that will be displayed on the mobile version of the menu.
Direction
Here you can determine the direction of the menu. Horizontal for classic top menu bar. Vertical for sidebar menu.
Full Width Initial Container
If this option is enabled then the primary container will try to be the full width.
Height of the first level items when menu is Sticky (or Mobile)
Set the height for the initial menu container.
px
Sticky
Check this option to make the menu sticky. Make sure you have disabled "Sticky" in the theme options. Incompatible with the "Vertical" menu. Sticky does not work on mobile devices. If the menu will be sticky on mobile devices when you open it - you will not be able to click on the last item, because it will always be outside the screen.
Sticky scroll offset
Set the length of the scroll for each user to pass before the menu will stick to the top of the window.
px
Push Content Down
Dropdown areas pushes the main website content down instead to dropping down over content. This option will be useful only for "Multi column" and "Full width" dropdowns.
Shortcode
You can copy this code and use in the content of the page in order to display this menu. Do not forget to activate mega menu for this location, using the option at the beginning of this page.
[mega_main_menu location="mega_main_sidebar_menu"][/mega_main_menu]
Forced PHP Integration
If you have knowledge of PHP you can call this function anywhere in order to display this menu. Please use it only if you are a professional.
<?php echo wp_nav_menu( array( "theme_location" => "mega_main_sidebar_menu" ) ); ?>
Add to Mega Main Menu:
You can add searchbox and/or other elements to the primary menu.
Height of the first level items
Set the height for the initial menu container.
px
Primary Style
Select the button style that fits the style of your site.
Buttons Height
Specify the height of the first level buttons. Notice: for "Buttons" style ONLY.
px
The logo file
Select image to be used as logo in Main Mega Menu. It's recommended to use image with transparent background (.PNG) and sizes from 200 to 800 px.
Maximum logo height
Maximum logo height (in terms of percentage) in comparison to the height of the initial container.
%
Logo positions
Please select the situations when you want to display logo for this menu.
Alignment of the first level items
Choose how to align menu elements of the first level.
Location of icons in first level elements
Choose where to place icons for first level items.
Separator
Select type of separator between the first level items of this menu.
Rounded corners
Select the radius value of corners.
px
Trigger
Show dropdowns by "hover" or "click"?
Dropdowns Animation
Select the type of animation for displaying dropdowns. Warning: Animation works correctly only in the latest versions of progressive browsers.
Minimized on Mobile Devices
If this option is activated you get the collapsed menu on mobile devices.
Label for Mobile Menu
Here you can specify a label that will be displayed on the mobile version of the menu.
Direction
Here you can determine the direction of the menu. Horizontal for classic top menu bar. Vertical for sidebar menu.
Full Width Initial Container
If this option is enabled then the primary container will try to be the full width.
Height of the first level items when menu is Sticky (or Mobile)
Set the height for the initial menu container.
px
Sticky
Check this option to make the menu sticky. Make sure you have disabled "Sticky" in the theme options. Incompatible with the "Vertical" menu. Sticky does not work on mobile devices. If the menu will be sticky on mobile devices when you open it - you will not be able to click on the last item, because it will always be outside the screen.
Sticky scroll offset
Set the length of the scroll for each user to pass before the menu will stick to the top of the window.
px
Push Content Down
Dropdown areas pushes the main website content down instead to dropping down over content. This option will be useful only for "Multi column" and "Full width" dropdowns.
Shortcode
You can copy this code and use in the content of the page in order to display this menu. Do not forget to activate mega menu for this location, using the option at the beginning of this page.
[mega_main_menu location="primary_menu"][/mega_main_menu]
Forced PHP Integration
If you have knowledge of PHP you can call this function anywhere in order to display this menu. Please use it only if you are a professional.
<?php echo wp_nav_menu( array( "theme_location" => "primary_menu" ) ); ?>
Add to Mega Main Menu:
You can add searchbox and/or other elements to the primary menu.
Height of the first level items
Set the height for the initial menu container.
px
Primary Style
Select the button style that fits the style of your site.
Buttons Height
Specify the height of the first level buttons. Notice: for "Buttons" style ONLY.
px
The logo file
Select image to be used as logo in Main Mega Menu. It's recommended to use image with transparent background (.PNG) and sizes from 200 to 800 px.
Maximum logo height
Maximum logo height (in terms of percentage) in comparison to the height of the initial container.
%
Logo positions
Please select the situations when you want to display logo for this menu.
Alignment of the first level items
Choose how to align menu elements of the first level.
Location of icons in first level elements
Choose where to place icons for first level items.
Separator
Select type of separator between the first level items of this menu.
Rounded corners
Select the radius value of corners.
px
Trigger
Show dropdowns by "hover" or "click"?
Dropdowns Animation
Select the type of animation for displaying dropdowns. Warning: Animation works correctly only in the latest versions of progressive browsers.
Minimized on Mobile Devices
If this option is activated you get the collapsed menu on mobile devices.
Label for Mobile Menu
Here you can specify a label that will be displayed on the mobile version of the menu.
Direction
Here you can determine the direction of the menu. Horizontal for classic top menu bar. Vertical for sidebar menu.
Full Width Initial Container
If this option is enabled then the primary container will try to be the full width.
Height of the first level items when menu is Sticky (or Mobile)
Set the height for the initial menu container.
px
Sticky
Check this option to make the menu sticky. Make sure you have disabled "Sticky" in the theme options. Incompatible with the "Vertical" menu. Sticky does not work on mobile devices. If the menu will be sticky on mobile devices when you open it - you will not be able to click on the last item, because it will always be outside the screen.
Sticky scroll offset
Set the length of the scroll for each user to pass before the menu will stick to the top of the window.
px
Push Content Down
Dropdown areas pushes the main website content down instead to dropping down over content. This option will be useful only for "Multi column" and "Full width" dropdowns.
Shortcode
You can copy this code and use in the content of the page in order to display this menu. Do not forget to activate mega menu for this location, using the option at the beginning of this page.
[mega_main_menu location="extra_menu"][/mega_main_menu]
Forced PHP Integration
If you have knowledge of PHP you can call this function anywhere in order to display this menu. Please use it only if you are a professional.
<?php echo wp_nav_menu( array( "theme_location" => "extra_menu" ) ); ?>
Shortcode
You can copy this code and use in the content of the page in order to display this menu. Do not forget to activate mega menu for this location, using the option at the beginning of this page.
[mega_main_menu location="footer_menu"][/mega_main_menu]
Forced PHP Integration
If you have knowledge of PHP you can call this function anywhere in order to display this menu. Please use it only if you are a professional.
<?php echo wp_nav_menu( array( "theme_location" => "footer_menu" ) ); ?>
You can change any properties for any menu location
Skin
You can select a skin and only customize the options below that you want to change.
Initial Container
Background Gradient (Color) of the primary container
 
Start
%
 
End
%
Click Here to View Result
Background image of the primary container
You can choose and tune the background image of the primary container.
First Level Items
Icons in the first level item
px
Background color of the Search Box
 
Text and icon color of the Search Box
 
Dropdowns
Background Gradient (Color) of the Dropdown Area
 
Start
%
 
End
%
Click Here to View Result
Icons of the dropdown menu item
px
Plain Text Color of the Dropdown
 
Skin
You can select a skin and only customize the options below that you want to change.
Initial Container
Background Gradient (Color) of the primary container
 
Start
%
 
End
%
Click Here to View Result
Background image of the primary container
You can choose and tune the background image of the primary container.
First Level Items
Icons in the first level item
px
Background color of the Search Box
 
Text and icon color of the Search Box
 
Dropdowns
Background Gradient (Color) of the Dropdown Area
 
Start
%
 
End
%
Click Here to View Result
Icons of the dropdown menu item
px
Plain Text Color of the Dropdown
 
Skin
You can select a skin and only customize the options below that you want to change.
Initial Container
Background Gradient (Color) of the primary container
 
Start
%
 
End
%
Click Here to View Result
Background image of the primary container
You can choose and tune the background image of the primary container.
First Level Items
Icons in the first level item
px
Background color of the Search Box
 
Text and icon color of the Search Box
 
Dropdowns
Background Gradient (Color) of the Dropdown Area
 
Start
%
 
End
%
Click Here to View Result
Icons of the dropdown menu item
px
Plain Text Color of the Dropdown
 
Initial Container
First Level Items
Dropdowns
Set of Installed Google Fonts
Select the fonts to be included on the site. Remember that each additional font increases the time of page loading. Always remove unnecessary fonts. You can see Font faces on this page - Google fonts
Fonts Faily
Add One More
Custom Icons
You can add custom raster icons. After saving these settings, icons will become available in a modal window of icon selection. Recommended size 64x64 pixels.
Icon File
Icon File on Hover
Keep empty to use regular for both.
Add One More
Additional Styles:
Here you can add and edit highlighting styles. After that you can select these styles for menu items in "Appearance -> Menus -> Your Menu Item -> Style of This Item" option.
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Style Name
Font
px
Icon Size
px
Text color
 
Background Gradient (Color)
 
Start
%
 
End
%
Click Here to View Result
Text color of the active item
 
Background Gradient (Color) of the active item
 
Start
%
 
End
%
Click Here to View Result
Add One More
Custom CSS
You can place here any necessary custom CSS properties.
Responsive For Mobile Devices
Enable responsive properties. If this option is enabled then the menu will be transformed, if the user uses the mobile device.
Responsive Resolution
Select on which screen resolution menu will be transformed for mobile devices.
Sets of icons
Here you can activate different sets of icons. After saving these settings, icons will become available in a modal window of icon selection. Remember that a larger list of icons requires more time for page loading.
Prioritize plugin styles
If this option is checked - all CSS properties for this plugin will be have "!important" priority.
"Indefinite location" mode
Warning: If this option is checked - all menus will be replaced by Mega Main Menu. This will be useful only for templates where locations of the menu are not defined and template have only one menu.
Number of widget areas
Set the number of independent widget areas you need here.
areas
Language reading direction
You can select direction of the text for this plugin. LTR - sites where you read text from left to right. RTL - sites where you read text from right to left.
max_input_vars
This is real value of "max_input_vars" option in the configuration of your server. You can try to increase it in one of the ways that are described inDocumentation.
1000
Backup of the configuration
You can make a backup of the plugin configuration and restore this configuration later. Notice: Options of each menu item from the section "Menu Structure" are not imported.
Download backup file with current settings

Upload backup file and restore settings. Choose file and click "Save All Settings".
Reset Configuration
If you need to reset configuration of this plugin then check this option and click "Save Changes". Warning: After this action all values of options located on this page will be reset to default values.
Here you can deactivate the options that you do not use to customize the menu structure. It helps reduce the number of options and reduce the load on the server.
Description of the item
Style of the item
Visibility Control
Icon of the item
Hide Text of the Item
Pull to the Other Side


Online documentation.

If you need support, have a question or suggestion - Leave a message on our support page
Support.MegaMain.com (opens in new tab).

Purchase Code
Enter here the purchase code of this product. This action unlocks the automatic updates for you. See where you can find your Purchase Code.