Wordpress边栏显示在检查铬，但没有显示在手机上

Question

我遇到了一个问题。 我为网站制作了自定义侧边栏。这包括搜索，类别列表和定价选项。

正如你在这里看到的那样，它在谷歌浏览器上检查时表现得非常完美。 但是当我在手机上打开同一页面时，它就不再显示了。

应该使用以下自定义css显示此侧边栏：

@media only screen and (max-width: 759px) {
    #sidebar {
           position: absolute !important;
           top: -9999px !important;
           left: -9999px !important;
    }
}

@media only screen and (max-width: 759px) {
    #sidebar-3 {
        display:block;
    }
}

@media only screen and (min-width: 767px) {
    #woocommerce_product_search_widget-8 {
           position: absolute !important;
           top: -9999px !important;
           left: -9999px !important;
    }
}

@media only screen and (min-width: 767px) {
    #woocommerce_price_filter-10 {
           position: absolute !important;
           top: -9999px !important;
           left: -9999px !important;
    }
}

@media only screen and (min-width: 767px) {
    #woocommerce_product_categories-4 {
           position: absolute !important;
           top: -9999px !important;
           left: -9999px !important;
    }
}

这基本上可以确保在桌面上左侧有侧边栏（侧边栏）。它隐藏在手机/平板电脑等等。在手机上它的顶部有侧边栏3，它隐藏在桌面上。 正如你所看到的，我甚至尝试通过添加display：block来显示sidebar-3。可悲的是无济于事。

我在其他两个网站上使用相同的代码，它们完美运行。

有谁知道这里会发生什么？