Responsive Behaviour

SiteOrigin Page Builder is a responsive page layout builder. So, we obviously have a few responsive layout settings that you’ll find really useful.

First, on a row level, we have the collapse order. This is the order that the columns in your row will collapse on mobile devices. So either the leftmost column, or the rightmost column will go on top.

You already have a padding setting, which is just the padding around the row, but you also have mobile padding. This is the padding around the row when on mobile devices. A lot of the time you’ll want to reduce the amount of padding on smaller-screened mobile devices.

Then, on a widget level, you have the amount of padding and mobile padding around a widget. This is mostly similar to the row padding.

• Previous Lesson: The Contextual Menu
• Next Lesson: Row Parallax