Advanced Two Level Menu

This navigation menu is for more advanced users who can handle creating links using relative file paths. The menu opens on clicking the "hamburger" icon at the top right.
The icon can be placed relative to the top and right and can scroll with the page content by choosing "absolute" position or made sticky by choosing "fixed" position.
Contents
The navigation can have between two and eight top level links and any amount of directories - each with up to seven links.
Top Level Links
The top level links are selected using checkboxes and have a field for adding the item name and a "Link to:" selector for choosing the page. The first link is obligatory and the rest are optional.
Directories
Directories are added using the EverWeb Widget API Assets list. There can be any amount of directoried and each one can have between two and seven links.
Directory links are created using absolute or relative file paths. Follow the link below this text to find out about file paths.
Styles
As can be seen from the example on this page, the font can be Google hosted with a web safe fallback font. There are controls for font size, font color, hover color and background color. The directory links can have a different color if required.
There are controls for adding a separator which inherits the font color and for adding a border with controls for width, color and radius.
The full navigation can be seen on the EverWeb design canvas for adding the links and setting styles. It is hidden prior to publishing by checking a box. The navigation can be the last item on the page and placed out of the way below the footer widget.