ClickFunnels Tutorial – Reverse column stack order on mobile view [CSS Tricks 2021]

ClickFunnels Tutorials for all levels! In this tutorial, we cover how to reverse the stack order of the columns on mobile view, so that you don’t have to be restricted by the default stack order (left on top, right on the bottom). This tutorial goes over the basic concept behind the css, and how to apply the code in your page.

Here’s the page example from the video: https://tinyurl.com/xasy94uk
Example Funnel clone link: https://app.clickfunnels.com/funnels/11237730/share/v3usfq3sky0evm48

——–

Time Stamp:
0:00 Intro
1:22 Basic concept of reverse column stack order
2:05 Sample page showoff
2:47 Start implementing with me here
4:19 Code part 1
6:07 Code part 2

——–

Code to apply in to your Custom CSS modal:

@media only screen and (min-width: 0px) and (max-width: 770px) { #row– your-unique-number {
display: flex;
flex-direction: column-reverse;
}

——–
Music Info: Lofi Jazz – Hip Hop Chill Instrumental – No Copyright Background Music by LesFreeMusic. youtu.be/LwXbl4ko6O0
——–

source