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 Colors
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. |
Side Effects
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. |