ThemeKit Combo Slider

Combo Slider

5 Animated Items
5 Animation Types
Autoplay with pause on hover option

Info

ThemeKit Combo Slider

Pokemon Pizza
Twice as nice - half the price!

Buy Now

iMac M4

Color your world!

Info

Combo Cat Nav

Category Navigation

The category navigation is created using three widgets - Combo Cat Tab, Combo Cat Sort and the Combo Cat Nav. It can be used for a main navigation for larger websites or for linking to multiple products, slideshows etc.
Insert Position
All three widgets have fixed position so they can be inserted out of the way below the footer widget on the EverWeb design canvas.
Z-index
All three widgets appear above the page content in the stacking order. If the z-index needs to be increased to hide other items on the page it MUST be increased in all three widgets by the same amount.
Action Tab
On screen widths abovr the break point the tab is inserted at the top right and has controls for positioning it on the X and the Y-axis. Below the break point the tab moves down to the center right of the tablet or phone screen to make it easier to tap for mobile device users.
The tab has controls for icon color, hover color, background color and opacity, padding and border radius. Increasing the padding reduces the relative size of the icon and vice versa.
The tab widget has the controls for the overlay animation which can fade in or slide down over time which is set in milliseconds.

Sort/Filter Tabs

The tabs are centered with a maximum width setting using a CSS grid layout to fill the available space. Theyhave background color controls for the tabs, active tab and hover. The name for the first tab is inserted in a text box and the rest of the categories are added using the EverWeb widget API assets list.
The tabs have a field for the label and for the category name or number.
Tab Adjust
The tabs have a minimum width setting and a maximum width for their size on phones. The grid column and row gaps can be adjusted separately and there is a checkbox to hide the tabs before publishing.

Links

The link tabs are centered in the browser/device window. The widget has the controls for the page overlay background color and opacity.
The links are added are added using the EverWeb widget API assets list. They can be internal and/or external and have a new window option.
Tab Adjust
The tabs have a minimum width setting and a maximum width for their size on phones. The grid column and row gaps can be adjusted separately and there is a checkbox to hide the tabs before publishing.
Number Of Links
The navigation can have any amount of links. When there are too many to be seen in the device window the overflow will scroll into view.