EverWeb Widgets

Toggle Responsive Flyout Nav

Push Navigation

A Push navigation is a full height panel which slides out from the left when triggered and dims the view of the page content by covering it with a transparent overlay.
There are two versions of the menu - a single level and a two level - and two methods of triggering them as described below.
The two level version is shown on the NEXT page.
The menu can have up to fourteen links. The last two can be configured as external links if required.
The links can be styled for font size, color and separator color. The font can be web safe or non websafe or Google hosted with a web safe fallback.
The links can have a separator which can be styled for width and color.
The menu can be triggered to slide in and out using either a stand alone tab with a "hamburger" icon or a responsive header like the one on this page with optional logo and h1 heading for the website name.
The navigation has a fixed position so it can be positioned anywhere in the content area.
It can also be set to "Allow free dragging" using the Metrics inspector and dragged out of the way to the left side of the EverWeb design canvas.
NOTE:The navigation must NOT be placed outside of the content to the right. Doing so will cause it to push the page layout to the left on mobile devices.

© EverWeb Widgets -