ThemeKit Responsive

  • ThemeKit Responsive Hero Slider 1
    ThemeKit Responsive Slider
    Full or Fixed Height
  • ThemeKit Responsive Hero Slider 2
    Horizontal or
    Vertical Wipe
  • ThemeKit Responsive Hero Slider 3
    Fixed Height On Computers
  • ThemeKit Responsive Hero Slider 4
    Responsive Height On Mobile

Hero Slider

A full width, fixed height slideshow can make a good first impression of a website as long as it downloads fast on all devices.
Just the same as a hero image, a slider needs to load a smaller version of the image for mobile devices and to lazy load the images.
Slider Stage
The slider is full width with a fixed or viewport height above the breakpoint but becomes responsive height below the breakpoint since this creates a much better viewing experience for mobile device users. This requires an intrinsic aspect ratio so the width and height of the mobile images need to be entered into the widget settings.
Transition
The wipe transition can be horizontal or vertical and the transition time is set in milliseconds. There is an autoplay function for those who want to annoy their visitors and drive them away.
Captions & Controls
The captions and controls share the same color. The caption can run to two or more lines and can be positioned vertically at the top, center or bottom and left or center horizontally.

Sliders
ThemeKit Responsive Hero Spacer

Hero Spacer

Solid color, two color gradient or image background.
Optional article with heading, text and optional link can be aligned left, center or right and top, center or bottom.
Sticky option for using with the RWD Stack widgets.

Social Links

The social media links can appear on page load or animate in after a preset delay. On browser screen widths above the breakpoint they appear half way down on the left. On tablets in portrait mode and pnoes they form a link bar which is fixed at the bottom of the device's window.
Icons
The icons are SVGs. They are way more efficient than using PNGs and have much better quality than font icons like Font Awesome.
Animations
The slide in animation has controls for the animation time set in millisecnds and the delay in seconds.
On computers the links have an expand on hover animation and the hover background color can be changed if required.
Links
The individual links are turned on using checkboxes and the absolute URL entered into the box provided. There is an option to open the linked page in a new window.

Next Page

© EverWeb Widgets -

Menu