EverWeb Codebox logo

EverWeb Widgetbox 3

Slide In Menu Chameleon Button

Slide In Nav Chameleon Button widget

The Button

The slide in menu chameleon button is independent of the menu position and can be placed anywhere on the page.
The button size cannot be adjusted and is fixed at the Apple recommended size of 42px square.
The button changes state on click showing the standard "hamburger" icon in passive mode and an "X" in the active state.

slide in horizontal navigation icon button widget

Widget Settings

Set the button background color and its opacity.
Set the icon color and its active color.
Set the corner radius.
Set the navigation direction.

Navigation Slide In Direction

The control for setting the navigation slide in direction is shown to the right.
IMPORTANT: This setting MUST have the the same value as the one in the navigation widget - otherwise the navigation will not slide in!

This widget is included in the Navigation-2 widget pack.