在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;}
    }