Hero Slider

Responsive On Mobile

Animated Slider

Optional Overlay Heading

Optional Text

Optional Link

Autoplay Option

Video

Hero Switch Slider

The slider can be manual or autoplay although autoplay is definitely NOT recommended for use on mobile devices. The slideshow has controls for transition time and autoplay slide time expressed in milliseconds, show/hide navigation arrows and hide on mobile where the slides can be swiped.
The optional overlay has a heading by default and there are options for adding a text field and a link tab. The overlay background can be adjusted for color and opacity.
The links can be configured to open internal or external pages and in a new window if required. Click the link below to find out how to configure links with relative and absolute file paths.

File Paths

Navigation

The Hero Switch Navigation widget creates an inline navigation when viewed on computers and switches to a hamburger drop down on mobile devices.
If viewing this page on a computer, reduce the browser width to see the navigation switch from one type to the other.
It can have up to fourteen links. The last two links can be configured to open external pages and in a new window if required.
The navigation is designed to be used in conjunction with a hero image or other full width item. It can appear above or below or overlay the top or the bottom of the item. For an overlay, the navigation is placed below the hero image on the EverWeb design canvas and then the appropriate box in the widget settings is checked to place it in the required overlay position when viewed in the browser.
Current Page
The widget has an option to display the current page tab in a different color and also to add an animated underline to it.

Contact Bar

The contact bar has options to add three items …
On the left hand side is a phone number which switches to a phone button on mobile phones.
In the center is the contact icon which launches a modal window with a contact form. The form has fields for name and email and options for phone and text message. The form can either show a success message when it is submitted or, more usefully, return the visitor to another page of the site.
To the right is the email icon which has fields for the recipient email address and subject.
The icons are SVGs so there are no images to download. This allows the color to be changed and they can show a title on hover when viewed on computers.
The contact bar can be set to overlay the item above it if required as shown in the example on this page.