Responsive styling or responsive web design is an approach that makes websites render well on a variety of devices and screen sizes. It is becoming an increasingly important feature for all websites as mobile traffic now accounts for more than half of total internet traffic.

In the next few series of video tutorials, we wanted to highlight some key features for the Builder and its responsive styling elements.

Today’s video tutorial is about Column Direction. It’s a useful feature especially when you’re adjusting the look of your website on mobile or tablet view. Watch the video below, or read on for more!

If your website implements two or more columns on desktop view, you will notice that as you resize your window or change to a mobile or tablet device, your columns will become stacked on top of each other. Sometimes this results in a strange flow of content especially if you have a picture stacked on top of another picture, or two text boxes right after the other.

To change this, simply switch the direction of a set of columns. This can then reorder the content to display a picture on top of a text box, or vice versa.

Try the Column Direction feature today and reorder your content to your heart’s desire!