Divi-Wordpress 中的网格响应部分

Question

我在一个部分中有 6 列。在桌面版本中它很好（全部在一行中），在平板电脑中（3x3）但是当它在移动版本中为什么它在单行中显示单列时，我希望它是（3x3）或（2x3）而不是（1x6 )..请帮帮我。

提前致谢。

Answer 1

1. 向该部分添加一个类（高级 -> CSS ID 和类）。称它为我的部分（或任何你想要的）

2. 将此 CSS 代码添加到外观 -> 自定义 -> 附加 CSS：

@media only screen and (max-width: 479px) {
    .my-section .et_pb_column {
    width: 50%!important;
}
}

这适用于移动设备上的 2 列。对于 3 列，只需将宽度更改为 33%。