Button

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 Colours

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”

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed