EverWeb Codebox logo

EverWeb Widgetbox 3

Full Width Widgets

Thes widgets are designed for creating full width, responsive style features on a fixed width website. Those who are creating a TriSite using the Touch Widgets should view these as a complement to these widgets for creating more modern features.

NOTE: Click the button below - or the individual widget icons - to open the demo website in a new window.

Full Width Header Widget

The full width, responsive header can be fixed or floating with two logo/icons - one left and the other right - which can be created as hyperlinks. The h1 heading is included plus an optional site search box.

Full Width Resize Heade Widget

The header resizes on scroll and includes a logo, h1 heading and the EverWeb default navigation with many additional styling options for the main links and the drop downs.

Full Width Footer Widget

This full width footer can be fixed or floating with options for a site search box and a smooth scroll, expanding scroll to the top button.

Full Width Fixed Height Map Widget

A full width, fixed height Google map with info window containing a heading and text. There's a choice of markers which can be animated if required.

Full Width Fixed Height Image Widget

A full width, fixed height image which can be fixed in position and has an optional, styled center caption.

Full Width Crossfadet Image Widget

Similar to the above but allows two images to crossfade over time with settings for animation time and animation iteration with infinity option.

Full Width Fixed Height Slider

A full width, fixed height slideshow which can be autoplay or manual using pager dots. The pager can be positioned in a choice of six places.

Full Width Fixed Height Animated Caption Slideshow

An animated layer slider with manual or autoplay settings, image links and two animated layers for a heading and text.

Full Width Fixed Height Carousel

A full width, fixed height center image carousel with captions. The images can be hyperlinks to open in a new window if required.

Full Width Fixed Height Scroller

An image scroller with pause on hover, image hyperlinks and captions. The captions can animate on hover if required.

Animated heading

A heading which can be full width or normal width and fixed to the browser left with an optional fade out animation on scroll.

Full Width Layer

The rectangle has quite a few styling options and is used to create a full width, slide over layer for fixed objects.

Fade out text

An HTML5 element which contains text and an optional heading which fades out on scroll.

Smooth scroll down

A down arrow with optional text flyout on hover which smooth scrolls to an anchor.

Smooth scroll down anchor

An HTML5 <hr> element which creates a styled them break and has the option for using it as an anchor.

theme break

An HTML5 <hr> element which creates a styled vertical spacer and also has the option for using it as an anchor.

content spacer

A full width responsive text box with many styling options.

responsive text

Three inline responsive text modules with optional CTA style button link.

Full Width Text Modules

Three inline responsive image modules with alt text, heading, description and optional CTA style button link.

Full Width Image Modules

Three inline responsive news or blog modules with image and date caption, heading, description and optional CTA style button link.

Three inline responsive modules with thumbnaile and a caption/description which popups up a lightbox image on click.

Full Width Blog Modules
Lightbox modulels Widget

Responsive lightbox image gallery with thumbnail and full size image captions.

Full Width Image Gallery Widget
Responsive Columns Widget

Responsive columns with optional separator and individual column text styles.

Responsive Video Modules Widget

Responsive modules for launching Vimeo and YouTube videos in a lightbox.

Responsive Thumbnail Slider Widget

A responsive full width animated thumbnail gallery slideshow with captions.

Sticky Note Widget

Sticky notes to fix to the left or right of the browser edge and animate on scroll.

Responsive CTAs Widget

Responsive CTA link buttons which can link to an internal or extermnal page and open in a new window if required.

Responsive FA Icon CTAsWidget

Responsive CTA link buttons which use the Fontawesome icons and can link to an internal or extermnal page and open in a new window if required.

Google Icon CTAs Widget

Responsive CTA link buttons which use Google icons and can link to an internal or extermnal page and open in a new window if required.

Responsive Scroll Frame Widget

A full width scroll frame for inserting scrolling content via an iframe

Responsive Disqus Comments Widget

Inset Disqus comments in a full width responsive container.

Responsive Scroll Image Link Widget

An image link which can be fixed or floated left or right width the option to hide on tablet devices.

Responsive Inline Audio MP3 Widget

Three inline responsive MP3 Audio playes with Play/Paue button and up to two lines for track info/artist name.r

Full Width Active  Nav Widget

A full width, horizontal navigation which indicates the current page with a change in font color, background color and/or text decoration.

Full Width Active  Nav Widget

This widget creates a full width, responsive header with options for a logo and an h1 heading for the website name. It is designed to be used in conjunction with the default EverWeb navigation menu with a current page option.

Responsive Text Wrap Image

A full width responsive text box with optional heading and text wrap around an image. The image can be set at 100% width if the text wrap is not required.

Responsive full site & mobile menu

A full width responsive header with optional logo, h1 heading and a navigation menu which switches to a drop down tab menu when the site is viewed on a tablet device like an iPad.

Responsive Header Navigation Slick Menu

A full width responsive header with optional logo, h1 heading and a navigation menu which switches to a slide down screen wide tab menu when the site is viewed on a tablet device like an iPad.

Full Width Icon Navigation Widget

A full width responsive scroll then stick navigation with icons and anchors. Options for an external and an email link. Internal links can be links to pages or to anchors on the same page.

Full Width Icon Anchor Widget
Full Width Zoom Slider Widget

A full width responsive slideshow with thumbnail grid. The zoom control appears on hover, clicking the image zooms it and the grab hand appears to allow the visitor to drag it around.

Full Width Responsive Video

A full width responsive MP4 video player which can be inserted as responsive or as a full width background layer.

Autoplay, controls, muted and loop options.

Full Width Fixed Height Widget

Full width, responsive images with optional centered caption and either fixed or responsive height and a maximum width setting to control the size at wide browser settings.

Responsive Image
Full Width Responsive List

A responsive, styled list with eight list style options and tab hyperlinks for touch devices.

Accomodates up to 100 list items.