在移动的大小过滤器下面的内容

“将不会浮动在屏幕顶部”-你想在滚动时粘在顶部，如标题（这是不确定的，因为标题有很大的高度和一个多粘元素将减少视图内容的大小。

如果你只是想把过滤器放在内容之前，而不是像现在这样放在内容之后，解决方案很简单。
主网格有aside标签用于过滤器（左部分）和section标签用于内容（右部分）。Aside标记具有“order：1'，这就是为什么过滤器低于内容

@media screen and (max-width: 768px) {
    body #secondary, .woocommerce-page .has-one-sidebar > aside, body aside#mk-sidebar, .woocommerce-page #sidebar, .woocommerce-page .sidebar, body #main-sidebar-container #sidebar
    {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: -1;
    }
}

字符串
你只需要像这样覆盖order属性（需要是-1，因为unset不会完成这项工作）

@media screen and (max-width: 768px) {
    body #secondary, .woocommerce-page .has-one-sidebar > aside, body aside#mk-sidebar, .woocommerce-page #sidebar, .woocommerce-page .sidebar, body #main-sidebar-container #sidebar
    {
        -webkit-order: -1 !important;
        order: -1 !important;
    }
}

型
你可以把这个CSS里面自定义部分->自定义CSS字段（如果主题支持自定义CSS），或者如果你想，你可以让它像子主题。