Shift Col

In HubSpot, the columns on the left side in a row are always above those on the right on mobile. However, you can rearange columns position in Act2 so they appear inverted on desktop, but still stack naturally on mobile.

You can achieve this by adding the shift-col class to the columns direct parent group. Please keep in mind that this only works with two columns, not three or more:

Act2 Template Builder Shift Col Edit CSS

Act2 Template Builder Shift Col CSS Class

Act2 Left and Right Column Sample

Act2 Shift Col Mobile Sample

Using Act2.1 with the new Design Tools? Read this documentation.
Please read this before you buy! Close this alert