Swap Divi columns on mobile and tablet devices


Nov 23, 2020 | Divi Tips | 0 comments

Add the CSS class “flip” to any Divi row settings in the Advanced tab. Add the following CSS code to the Divi theme options area or your child theme style.css file.
/* swap columns on mobile */
@media only screen and ( max-width: 980px) {
    .flip {
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-direction: column-reverse !important;


Submit a Comment

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

More Tips

Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

Cloudways Hosting

WPEngine Hosting

Pressable Hosting

AccuWeb Hosting

Ask the Divi Guy a Question

"*" indicates required fields