ThemeKit Columns

Sidebar Navigation

Menu

ThemeKit Column Sidebar Menu

Main Content

The adjustable height header spans both columns of the two column grid with a main section and the sudebar navigation menu.
The optional image with alt text is inserted in two sizes for computer and mobile devices and has an optional lazy loading function.
This section has a heading and text width styled spans for sub headings.
The sidebar navigation disappears below the breakpoint to be replaced by an action tab to slide in the menu.

2 or 4 Columns

ThemeKit 4 Column 1

CSS Grid

The widget can create a two column or a four column layout.
Columns
When a two column layout is selected and four columns are inserted the third and fourth columns will be in row two.

Header
ThemeKit 4 Column 2

Images

Images with alt text are optional so that the columns can be used for huge amounts of text.
Lazy Load
The images have a lazy loading function which should be used if the item is not in view at page load.

3 Columns
ThemeKit 4 Column 3

Content

Apart from the optional images the columns have a a heading, text and an optional CTA (call to action) style link.
Links
The links can open internal and external pages with a new window and have a min width setting to keep the equal.

Sidebar Scroll
ThemeKit 4 Column 4

Styles

The columns have controls tor border width, color and radius.
Container
The columns are space out using the grid gap control.
The wrapper ca have a solid or two color gradient background and there are controls for adding spacing around.

Sidebar News

Column Footer

The ThemeKit Column Footer widget has a three column grid layout with columns for text, links and for smooth scroll to the top. optional phone number/phone call function and spam protected email function.
The © notice spans all three columns in row two. It has the option to add the copyright year with auto update.