EverWeb Widgets
Active Navigation

Off Canvas Push Nav

Off Canvas Push Active Navigation

Description

The widget creates an off canvas, push menu which can slide in from the left or right.
Its main use is for smart phone websites although it can be used on the tablet version too.
The menu moves in when the button is tapped and the page content is covered with a semi transparent overlay. Tapping anywhere off the menu will close it.
The current page is optional and can have a contrasting background, font color and text decoration.

Widget Settings

The widget appears as a 32px square with a "hamburger" icon.
Select the menu push in direction, the button icon color and its background color and opacity.
Enter the font name, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the font size, color and background color.
Adjust the navigation tab's height using the value for "Padding TB" and position the text using the value for "Padding LR"
Set the separator height and color if required.
If required, check the box and set the current page link's color, background and text decoration.
Set up the first three navigation links. Add more by checking the boxes.
The last two links can be configured as external by checking the box and entering the URL. These links have an open in new window option.
Before publishing the page, set the widget to "Always On Top".

Mobile Push Active Navigation Widget

This widget is included in the Mobi Nav widget pack.

vScroll Nav

vScroll Navigation
vScroll Anchor

Description

The widget creates an off canvas, push menu which can slide in from the left or right.
Its main use is for smart phone websites although it can be used on the tablet version too.
The menu moves in when the button is tapped and the page content is covered with a semi transparent overlay. Tapping anywhere off the menu will close it.
The current page is optional and can have a contrasting background, font color and text decoration.

Widget Settings

The widget appears as a 32px square with a "hamburger" icon.
Select the menu push in direction, the button icon color and its background color and opacity.
Enter the font name, check the box if it is Google hosted and choose a suitable web safe fallback font.
Set the font size, color and background color.
Adjust the navigation tab's height using the value for "Padding TB" and position the text using the value for "Padding LR"
Set the separator height and color if required.
If required, check the box and set the current page link's color, background and text decoration.
Set up the first three navigation links. Add more by checking the boxes.
The last two links can be configured as external by checking the box and entering the URL. These links have an open in new window option.
Before publishing the page, set the widget to "Always On Top".