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”
|