Wordpress（页面构建器）在折叠时将div交换到移动设备

Question

我已实现了页面构建器插件wordpress，我需要在移动分辨率中交换两列。 现在我的div结构是 图片文字 文字图片 图片文字 文字图片

但是，在移动分辨率下，我需要显示为 图片 文本 图片 文本 一对一。

如何为此结构添加CSS。

Answer 1

试试这个CSS。

@media (max-width: 767px) {
    #pg-30-3{
        #pgc-30-3-0{
            order: 2;
        }
        #pgc-30-3-1{
            order: 1;
        }
    }
}

否则将类添加到您的div left-side-cont和right-side-cont

@media (max-width: 767px) {

        .left-side-cont{
            order: 2;
        }
        .right-side-cont{
            order: 1;
        }

}