Skip to content

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.


    Leave a Reply

    Your email address will not be published. Required fields are marked *