Change the order of columns for mobile devices on WordPress with CSS


In this video tutorial I’m going to demonstrate how the change the order of columns when viewed on a mobile device. Typically, columns on a page for desktop are shown as single item rows for mobile.
So for example, if you have alternating picture and text columns that give a nice checkerboard appearance, when viewed on mobile you’ll see picture, picture, and then text, text. Not so nice.

The code snippet used in the video was:

#av-layout-grid-2 {
	display: flex;
	flex-direction: column-reverse;

and if you found this helpful leave a comment and subscribe to my channel.
So until next time, take care.


Please enter your comment!
Please enter your name here