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

Question

我想在我的 WordPress 网站中使用 Divi 主题隐藏移动设备的侧边栏。我曾尝试使用媒体查询来执行此操作，但没有成功。

我的媒体查询：

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

我也试过插件Hide Widgets and the sidebar still displays when I test the page on my mobile device 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;}
    }