Header

The header above is the ThemeKit ECWID Cart Header with the heading in the center and the ECWID cart either left or right.
In this example the cart is inserted at the left and the navigation tab is at the right.
Responsive Layout
On screen widths below the breakpoint the cart and navigation action tab remain in row one and the headig moves to row two.

Image Navigation

A menu for navigating to directories with groups of similar products needs a representative image to indicate the product type.
The toggle menu can have its action tab at the left or right and it can be moved down to the bottom half of the creen. for mobile device users.
Layout
The auto grid removes the need for media queries and is adjusted using the value for the link minimum width.
The items can be separated using the grid gap control.
Items
Each link has an image with alt text, a heading and text. Style spans can be added with controls for font size, color and text align.
Action Tab
The action tab has controls for color, background, border radius, left/right position and position X and Y.
The position of the close tab can be adjusted on the Y-axis - independent of the open tab.

Images

The image file size should be the same as their min width setting and should be optimised prior to import into EverWeb.
The images have a lazy loading function which can be turned on prior to hiding the nav menu.
Action
The toggle animation time is set in milliseconds and animation type can be slide or fade. The navigation inks can be in view for editing and then hidden prior to publishing.
The navigation is set so that it closes when any link is clicked/tapped.

ECWID Cart

The ThemeKit eCom ECWID Cart widget creates the cart in all its different layouts with a choice of 20 variations of cart icon and color.
The cart has a fixed position and can be inserted top or bottom and left or right.

Footer Bar

The large footer cram packed with hard to read and find info has no place on a responsive website - never mind an eCommerce one!
The ThemeKit Ecwid Footer bar replaces all this junk with the bare essentials for home/info link, phone function, copyright info, spam protected email function amd a smooth scroll to the top function.
Info spans for copyright and phone number appear on hover on computers and have tap to close on mobile devices.