Menu above built with this plugin including Mega Menu.

Sub Menus

Styling

Option Explanation
Font Set the font for the submenu items. The font must already be installed as part of your theme or a browser inbuilt one.

For example “Open Sans”
Font Size Set the text size of the submenu items and it’s unit.
Item Height Set the height of each submenu item and it’s unit.
Line Height Set the line height of each submenu item and it’s unit.
Text Alignment Set the alignment of the text for the submenu items.

Item Borders

Option Explanation
Width Set the border size for each menu link and it’s unit.
Colour Set the border colour for each of the menu items.
Hover Colour Set the border colour when the mouse rolls over each menu item.
Current Item Colour Set the border colour for the current menu item.
Current item Hover Colour Set the border colour when the mouse rolls over the current menu item.

Item Text

Option Explanation
Colour Set the text colour for each of the menu items.
Hover Colour Set the text colour when the mouse rolls over each menu item.
Current Item Colour Set the text colour for the current menu item.
Current item Hover Colour Set the text colour when the mouse rolls over the current menu item.

Item Background

Option Explanation
Colour Set the background colour for each of the menu items.
Hover Colour Set the background colour when the mouse rolls over each menu item.
Current Item Colour Set the background colour for the current menu item.
Current item Hover Colour Set the background colour when the mouse rolls over the current menu item.

Trigger Icon

Option Explanation
Position Set the side of the menu item that the sub menu trigger will appear.

Trigger Sizing

Option Explanation
Height Set the height of the menu trigger items and their units.
Width Set the width of the menu trigger items and their units.

Trigger Colours

Option Explanation
Colour Set the colour of the sub menu trigger.
Hover Colour Set the hover colour of the sub menu trigger.
Active Colour Set the colour of the sub menu trigger when active.
Active Hover Colour Set the hover colour of the sub menu trigger when active.

Trigger Background

Option Explanation
Colour Set the background colour of the sub menu trigger.
Hover Colour Set the hover background colour of the sub menu trigger.
Active Colour Set the background colour of the sub menu trigger when active.
Active Hover Colour Set the hover background colour of the sub menu trigger when active.

Trigger Border

Option Explanation
Colour Set the border colour of the sub menu trigger.
Hover Colour Set the hover border colour of the sub menu trigger.
Active Colour Set the border colour of the sub menu trigger when active.
Active Hover Colour Set the hover border colour of the sub menu trigger when active.

Padding

Option Explanation
Side You can set which side of the menu items the padding should be on.
Top Level Set the padding size of the top level menu items and their unit.
Child Level 1 Set the padding size of the sub menu child level menu items and their unit.
Child Level 2 Set the padding size of the second sub menu child level menu items and their unit.
Child Level 3 Set the padding size of the third sub menu child level menu items and their unit.
Child Level 4 Set the padding size of the fourth sub menu child level menu items and their unit.
Child Level 5 Set the padding size of the fifth sub menu child level menu items and their unit.

Animations

Option Explanation
use Accordion Expanding one sub menu level will close all the others in an accordion style.
Auto Expand All Sub Menus All sub menus will be opened on page load automatically.
Auto Expand Current Page Sub Menus All child sub menus of the current parent will be opened on page load automatically.
Expand Sub Menus on Parent Item Click Clicking anywhere on a parent item with sub menu children will trigger the sub menu to open.

Slide Effect

Option Explanation
Enabled The slide effect changes the way that sub-menus open and close. Instead of the standard drop-down animation they will slide over the top of eachother as in the demo site here.
Back Text You can specify the text used for clicking to get back to the previous level when using the slide effect.

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed