Hero Switch YouTube Video

The video is full width responsive with a fixed height when viewed on computers. At narrower screen widths and on mobile devices, it switches to fully responsive width and height for a better viewing experience.
The video player only requires the YouTube ID to be entered into the widget settings.
The video has controls for adjusting the video file width and height if the video is not the default 560 x 315. This is important for the responsive action to work properly.
There is a checkbox to show/hide the fullscreen control in the video control bar.
Header
An optional header which overlays the top of the video frame has controls for setting its background color and opacity.
Break Point
The break point at which the video switches from hero to responsive mode can be selected from a drop down menu in the widget settings.

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.