Horizontal Navigation

The navigation can have up to fourteen links and can be aligned left, center or right. It can be set up with separators as shown in the example or tabs can be created with border, radiused corners and horizontal spacing.
There are options for indicating the current page and for scroll and then fix at a preset distance from the browser top.
Setup
The navigation container is made full width, responsive by checking the "Full Width" box in the Metrics inspector and then the navigation is aligned as required.
It can use a web safe font or a non web safe or Google hosted font with web safe fallback and can be styled for font size, color, background color, hover color and background.
The top/bottom padding can be adjusted to change the height and the left/right padding to adjust the tab width.
A vertical separator can be added with controls for width and color.
Current Page
The navigation can show the current page in a different color if required by checking a box and choosing the color.
Tabs
The navigation can be styled as tabs if required by checking a box, and setting the border width, color and radius and adjusting the horizontal spacing.
There is a minimum width setting if equal size tabs are required. If the navigation is long and will return to a second line at narrow browser widths, the vertical spacing can be set.
Scroll To Fix
The navigation can be made to scroll with the rest of the page content and then stick at a preset distance from the top of the browser so that it always remains in view by checking a box and setting the distance. In this case the navigation MUST be set to "Always On Top" using the Arrange menu or the Metrics inspector.
Links
The links are set up by entering the text and selecting the "Link to:" page. The first three are obligatory and the rest are turned on as needed by checking a box.
The last two links can be configured as either internal or external links with the option to open these in a new window.

EverWeb Widgets