Columns that scale. You can design nearly anything in Showit, but full-width, multi-column layouts that hold their proportions across screen sizes have never really been possible. They stop at 1200 pixels and look small on large monitors, or they lose their alignment as the screen grows.
This code snippet fills that gap - unlocking the ability for you to build real columns that scale to the full width of any screen and keep your content exactly where you placed it.
The design flexibility of Showit is almost limitless, but there's always been one thing missing
The best part is that you don't have to edit a single line of code to make it WORK.
Here's What's Included
(is it hot in here or is it just this 3 column layout?????)
To set a foundation for your biggest scalable ideas. Drop them into any existing Showit site and go wild!
6 Canvas presets
We've included both written instructions and a "design with me" video that walks you through each step and shows you what's possible
Easy to Follow Tutorial
A simple code snippet that upgrades your Showit to allow you to build scalable layouts with 2, 3, or 4 columns
One Code Snippet
If your site has been sitting on the backburner, this is the perfect excuse to update it
Your own Website
Use this code as many times as you want across 1:1 client projects.
Client Websites
Use this Code to Support Your Design Ideas In...
We have now published a javascript snippet that makes this code function on Showit's new publishing engine. The build works the same on V1 and V2, it's just an extra snippet to paste in if you upgrade your site to the new publishing engine when it's released!
Will this work with showit's new publishing engine update?
Nope! This code can only be used in 1:1 client projects or on your own website. If you wish to use it in templates, that's a members only perk. Join the Web Designer Library membership for extended licensing.
Can I use this in a template for resale?
Incredibly customizable - all without editing a single piece of code. We've built this snippet to almost act as an extension of Showit. We've built the tools so you can label your elements and tell them exactly how you want them to display. It's that simple.
How customizable is this?
In most mobile environments, column layouts stack anyway - so you will simply build the mobile layout in the Showit editor as you typically would.
How does this work with mobile?
Frequently Asked Questions
YES! You won't have to edit a single line of code - promise. We've provided an easy-to-follow tutorial video and guide to walk you through how to build out scalable column layouts without breaking a sweat (or feeling like you're crying at the kitchen table doing math homework)
