Drop Down Links

The navigation is available with four different icon styles - Font Awesome, Ionicon, Round icons and Social icons. The navigation slides down/up when the tab is clicked/tapped. The animation speed can be varied.
The tabs can appear at page load or slide in from the edge using the controls for animation time and delay.
The navigation can appear from the left or right browser or device window edge.
Links
Links are added using a modified version of the EverWeb Widget API Assets List and can be configured to open internal or external pages or files.
The Font Awesome and Ionicon widgets required the icon name to be inserted. Both widgets have a link to the appropriate cheatsheet to make choosing icons easy.
The Round and Social widgets have all the icons built in to the widget. The icon type is chosen from a dropdown menu.
File Paths
Links are created using relative or absolute file paths to internal or external pages. Follow the link below to find out about how this is done.
The links have a checkbox for opening them in a new window.
Email Link
Each widget has an option to add an email link at the end of the row. This has basic spam protection. The email name, domain and file extension are enter into separate boxes and the @ and dot are then added using Javascript. This prevents spammers using scraping software from harvesting the email address.
There is a field for adding the email subject.
Icon Tab
The Font Awesome and Ionicon tabs can have any available icon. The Round and the Social Icon tabs use an SVG for the share arrow icon so that it can have its color and hover color adjusted. The background color has an opacity slider.
Tab Animation
The Font Awesome and the Ionicon versions can have an animation added to the icon, This can be either rotation or a flashing. The animation cycle time is set in seconds - lower is faster.
Position
The menu links are visible while the links and styles are being added and there is a checkbox to hide it when this is done.
The widgets should be the last item on the page and positioned out of the way below the footer.
There is a control to set the distance relative to the top of the page on page load and a checkbox to fix it in position to make it sticky if required.