Menu above built with this plugin including Mega Menu.

Menu

Font Icons

The plugin allows you to add nice font icons to the side of each menu item using the brilliant FontAwesome and GlyphIcon sets or your own Custom one if you please. Full documentation can be found here.

Depth

Option Explanation
Depth This determines how many levels deep your menu will go.

Styling

Option Explanation
Font Set the font for the menu 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 menu items and it’s unit.
Item Height Set the height of each menu item and it’s unit.
Line Height Set the line height of each menu item and it’s unit.
Text Alignment Set the alignment of the text for the menu items.
Word Wrap Allow the menu items to wrap around to the next line.

Useful if you have particularly long menu item titles.

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.
Active Shape Set the trigger shape you want to use for the active state. A selection of shapes can be found here.
Inactive Shape Set the trigger shape you want to use for the inactive state. A selection of shapes can be found here.
Active Image You can set an image for your active sub menu trigger instead if you would like. This will take precedence over the shape option above..
Alt Text If you use an image as your active sub menu trigger, you can set it’s alt text here.
Inactive Image You can set an image for your inactive sub menu trigger instead if you would like. This will take precedence over the shape option above.
Alt Text If you use an image as your inactive sub menu trigger, you can set it’s alt text here.
Active Font Icon You can set an icon as your active sub menu trigger instead if you would like. This will take precedence over the image option above.
Inactive Font Icon You can set an icon as your inactive sub menu trigger instead if you would like. This will take precedence over the image option above.

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.

Descriptions

Option Explanation
Enabled If you have set descriptions for your menu items, you can turn them on here.

Fade Items In

Option Explanation
Enabled When enabled this makes the indidvidual menu items fade in when the button is clicked rather than simply appearing all at once.
Side You can specify which side the items fade in from.
Delay Set the delay between each items fade finishing and the next one starting.
Speed Set the speed at which the menu items fade in.

Advanced

Option Explanation
Theme Location Menu If you want to use a theme location menu rather than a specific menu then you can select that here.

Please note that this will overwrite the Menu to Use option.
Custom Walker Set your own Walker class for customising the links HTML output.

Warning: For extremely advanced use only.

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed