在 WordPress 中使用 Divi 主题的响应式侧边栏

Question

我正在尝试使用 Divi 主题在我的 WordPress 网站中隐藏移动设备的侧边栏。我曾尝试使用媒体查询来做到这一点，但它没有奏效。

我的媒体查询：

@media (max-width:480px) {
    .menu-decoglobofx-container {
        display:none;
    }
}

我也尝试了插件Hide Widgets，当我在移动设备try it yourself and see 上测试页面时，侧边栏仍然显示。有谁知道如何让它正常工作？

Answer 1

在 css 中更改：

   @media (max-width: 479px)
.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
    width: 100% !important;
    margin: 0 0 30px 0;

}

与：

 @media (max-width: 479px)
.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
    width: 100% !important;
    margin: 0 0 30px 0;
    display:none;

}

Answer 2

这应该很好..只需使用正确的 page_id 就可以了

   @media all and (max-width: 479px) {
    .et_pb_sidebar_0 {
    display:none !important;}
    }