Mega Main Menu v2.0.7
Below are all the locations, which are supported this theme. Toggle for change their settings.
Activate Mega Main Menu in such 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 to the primary menu container: logo and search.
Height of the first level items
Set the height for the initial menu container and items of the first level.
px
Primary Style
Select the button style that fits the style of your site.
Buttons Height
Only for "Buttons" style. Specify here height of the first level buttons.
px
Alignment of the first level items
Choose how to locate menu elements of the first level.
Location of icon in first level elements
Choose where to locate icon for first level items.
Separator
Select type of separator between the first level items of this menu.
Rounded corners
Select the value of corners radius.
px
Trigger
Show dropdowns by "hover" or "click"?
Dropdowns Animation
Select the type of animation to displaying dropdowns. Warning: Animation correctly works only in the latest versions of progressive browsers.
Minimized on Handheld Devices
If this option is activated you get the folded menu on handheld devices.
Label for Mobile Menu
Here you can specify 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 and items of the first level.
px
Sticky
Check this option to make the menu sticky. Incompatible with the "Vertical" menu. Sticky do not working on mobile devices. If the menu will be is sticky on mobile devices when you open it - you can not 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 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 professional.
<?php echo wp_nav_menu( array( "theme_location" => "mega_main_sidebar_menu" ) ); ?>
Add to Mega Main Menu:
You can add to the primary menu container: logo and search.
Height of the first level items
Set the height for the initial menu container and items of the first level.
px
Primary Style
Select the button style that fits the style of your site.
Buttons Height
Only for "Buttons" style. Specify here height of the first level buttons.
px
Alignment of the first level items
Choose how to locate menu elements of the first level.
Location of icon in first level elements
Choose where to locate icon for first level items.
Separator
Select type of separator between the first level items of this menu.
Rounded corners
Select the value of corners radius.
px
Trigger
Show dropdowns by "hover" or "click"?
Dropdowns Animation
Select the type of animation to displaying dropdowns. Warning: Animation correctly works only in the latest versions of progressive browsers.
Minimized on Handheld Devices
If this option is activated you get the folded menu on handheld devices.
Label for Mobile Menu
Here you can specify 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 and items of the first level.
px
Sticky
Check this option to make the menu sticky. Incompatible with the "Vertical" menu. Sticky do not working on mobile devices. If the menu will be is sticky on mobile devices when you open it - you can not 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 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 professional.
<?php echo wp_nav_menu( array( "theme_location" => "primary_menu" ) ); ?>
Add to Mega Main Menu:
You can add to the primary menu container: logo and search.
Height of the first level items
Set the height for the initial menu container and items of the first level.
px
Primary Style
Select the button style that fits the style of your site.
Buttons Height
Only for "Buttons" style. Specify here height of the first level buttons.
px
Alignment of the first level items
Choose how to locate menu elements of the first level.
Location of icon in first level elements
Choose where to locate icon for first level items.
Separator
Select type of separator between the first level items of this menu.
Rounded corners
Select the value of corners radius.
px
Trigger
Show dropdowns by "hover" or "click"?
Dropdowns Animation
Select the type of animation to displaying dropdowns. Warning: Animation correctly works only in the latest versions of progressive browsers.
Minimized on Handheld Devices
If this option is activated you get the folded menu on handheld devices.
Label for Mobile Menu
Here you can specify 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 and items of the first level.
px
Sticky
Check this option to make the menu sticky. Incompatible with the "Vertical" menu. Sticky do not working on mobile devices. If the menu will be is sticky on mobile devices when you open it - you can not 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 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 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 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 professional.
<?php echo wp_nav_menu( array( "theme_location" => "footer_menu" ) ); ?>
Logo Settings
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 regard to the height of the initial container.
%
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" is not imported.
Download backup file with current settings

Upload backup file and restore settings. Chose file and click "Save All Settings".
You can change any properties for any menu location
Skin Options of the 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 for 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 Options of the 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 for 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 Options of the 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 for 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 Options of the Initial Container
First Level Items
Dropdowns
Set of Installed Google Fonts
Select the fonts to be included on the site. Remember that a lot of fonts affect on the speed of load page. Always remove unnecessary fonts. Font faces can see 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 icons 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 item in "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 Handheld Devices
Enable responsive properties. If this option is enabled, then the menu will be transformed, if the user uses the handheld device.
Responsive Resolution
Select on which screen resolution menu will be transformed for mobile devices.
Use sets of icons
Here you can activate different sets of icons. Remember that the larger the list of icons - require more of time to loading page.
Use Coercive 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 the mega menu. This will be useful only for templates in which are not defined locations of the menu and template has only one menu.
Number of widget areas
Set here how many independent widget areas you need.
areas
Language text direction
You can select direction of the text for this plugin. LTR - sites where text is read from left to right. RTL - sites where text is read from right to left.
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,
If you have a question or suggestion -
Leave a message on our support page
Support.MegaMain.com (in new tab).