This section deals with the Button tab from the admin and attempts to document all the options available.
Animation
| Option | Explanation |
| Type | The plugin comes with many different button animations based on the wonderful work by Jon Suh.
To see all animations in action please visit this page.
|
| Triggers | Specify one or more trigger actions that will set off the button animation and cause the menu container to open. |
| Push Button with Menu | Force the button to move with the menu container as it opens. Useful if your button is on the same side as your menu container and overlaps when opened. |
Location
| Option | Explanation |
| Positioning | Specify how you want the button to stick to your page.
Using relative positioning is useful when combined with the shortcode.
|
| Side | Specify which side of the page you want the button to be displayed on.
Won’t work if you have Relative positioning set.
|
| Distance From Side | Specify how far across from the side you want the button to display and it’s unit.
Won’t work if you have Relative positioning set.
|
| Distance From Top | Specify how far from the top you want the button to display and it’s unit.
Won’t work if you have Relative positioning set.
|
Container Sizing
| Option | Explanation |
| Height | Set the height of the buttons containing element and it’s unit. |
| Width | Set the width of the buttons containing element and it’s unit. |
Line Sizing
| Option | Explanation |
| Height | Set the height of each individual button line and it’s unit. |
| Width | Set the width of each individual button line and it’s unit. |
| Margin | Set the margin between each individual button line and it’s unit. |
Container Background
| Option | Explanation |
| Colour | Set the background colour of the button container. |
| Active Colour | Set the active background colour of the button container. |
| Transparent Background | Set the button container to a transparent background. |
Line Colors
| Option | Explanation |
| Colour | Set the individual line colour of the button. |
| Hover Colour | Set the individual hover line colour of the button. |
| Active Colour | Set the individual active line colour of the button. |
Title
| Option | Explanation |
| Text | Set the button title text. |
| Active Text | Set the active button title text. |
| Colour | Set the button title colour. |
| Alignment | Set where the button title should be in respect to the button. |
| Font | Set the button title font. |
| Font Size | Set the button title font size. |
| Line Height | Set the button title line height. |
Image
| Option | Explanation |
| Image | You can set a button image instead of the default 3 lines if desired. |
| Alt Text | Button image alt text. |
| Active Image | You can set an active button image instead of the default 3 lines if desired. |
| Alt Text | Active button image alt text. |
| Font Icon | You can set a font icon instead of the default 3 lines if desired. |
| Active Font Icon | You can set an active font icon instead of the default 3 lines if desired. |
Advanced
| Option | Explanation |
| Trigger | If you don’t want to use the button that comes with the menu, you can specify your own container trigger here. Any CSS selector is accepted.
For example “#my-custom-trigger”
|