Wordpress CSS弹性方向问题

Question

我正在为我的朋友设置页面，但我有一个小问题。 http://spiratree.wp.hehe.si [主页]

经过几个小时的搜索，我仍然无法找到解决方案。 下面的图片展示了我如何使用SPB部分（WP-plugin）制作横幅：http://imgur.com/a/qvxf8 - 图片01 [在更大的屏幕上]

我的愿望是，对于移动设备，网站会堆叠如下： 图02 [在移动设备上]

我尝试使用代码：

    display: flex;
    flex-direction: column-reverse;

首先我用SPB Section创建了row-s并添加了Extra class“rev-col”Picture 03

然后我在CCS中添加了代码行：

    @media only screen and (max-width: 767px)
        {
        .rev-col {
        display: flex;
        flex-direction: column-reverse;
        }

但是，它不会发生任何事情。 我尝试手动输入代码，它的工作原理：图片04

也许你知道我的问题的解决方案是什么。