EverWeb Widgets

Navigation [2]

This pack contains widgets for creating two level navigation in different forms using a flyout vertical menu.
There's also a push menu which is available as single or two level and a slide in single level navigation which can be either main or sub and can be arranged to slide in from the left or right.
The sticky tab navigation is single level, responsive and will scroll with the page content and then stick to the top.
Click any widget icon to see the demo …

View CartAdd To Cart

Flyout 2 Level Menu

This is an update of the original flyout menu. It can create a menu with up to six top level links and the last one can be configured as an external link. Up to three sub menus can each have up to six items.
The sub menus can be indicated by triangles when used on a mobile site. The sub menus flyout on hover on computers and on click on mobile. Tapping anywhere off the menu will close the sub menu.

Responsive Flyout

This version of the Flyout 2 Level Navigation is combined with the Toggle Flyout Header or Toggle Flyout Tab widget and can be used on responsive pages.
The navigation can be set to appear on page load when viewed on computers and on click or tap of the "hamburger" icon on mobile. It can also be used as a mobile only navigation where the menu is always hidden on page load.

Toggle Flyout Menu

This menu has all the same characteristics and controls as the Flyout menu. The difference is that it can be toggled open and closed using a standalone "hamburger" icon or a responsive header with icon, optional logo and h1 heading for the website name.

Toggle Flyout Header

This is the responsive header with the icon tab which toggles the Flyout menu open and closed.
The header has an option for adding a logo and an h1 heading for the website name.

Toggle Flyout Menu Tab

This is a stand alone tab which toggles the flyout menu on and off.
The tab can be placed anywhere in the page content area or command dragged into the header.

Push Navigation Menu

This single level menu can be used with either the Push Menu Header or Push menu Tab widget to create a navigation which pushes in from the left and dims the page view with an overlay.
The menu can have up to fourteen links and the last two can be configured as external links to open in a new window if required.

Push 2 Level Navigation

This is a two level version of the previous widget and can accommodate up to six top level links and three directories - each with up to six links. The last two links can be configures as external with a new window option.
The directories are indicated by a chevron down icon when closed. This switches to a chevron up when the directory is open. Opening a directory will close a previously opened one.

Push Menu Header

This is the responsive header with the icon tab which slides the Push Menu in and out
The header has an option for adding a logo and an h1 heading for the website name.

Push Menu Tab

This is a stand alone tab which slides the push menu in and out.
The tab can be placed anywhere in the page content area or command dragged into the header.

Slide In On Click Left

The menu slides in from the left when the attached tab is clicked and is positioned at a fixed distance from the top. On page load, the menu is hidden with just the tab in view.
The navigation can have up to fourteen links with the last two having an external link option.
The tab can have either a main or a sub menu icon.

Slide In On Click Right

The menu slides in from the lrightwhen the attached tab is clicked and is positioned at a fixed distance from the top. On page load, the menu is hidden with just the tab in view.
The navigation can have up to fourteen links with the last two having an external link option.
The tab can have either a main or a sub menu icon.

Sticky Tab Menu

This inline menu with separate tabs can have up to fourteen links. The last two links can be configured as external links and open in a new window if required. The tabs can be spaced out horizontally and vertically and can return to two or more lines when the viewport is reduced.
The links can be placed anywhere on the page and will scroll to the top and then stick at a predetermined point.

© EverWeb Widgets -