wordpress 网站上的侧边栏坏了

Question

在我的商店页面上，侧边栏工作正常，但在 wcfm 市场商店页面上，侧边栏覆盖了页面。这是移动视图。

商店页面在这里 https://melaninmart.com/shop/

商店页面在这里 https://melaninmart.com/store/lustablesz-cosmetics/

提前致谢

Answer 1

问题出在您的 CSS，特别是这 3 个属性：

@media (max-width: 991px)
.sidebar {
    top: 0;
    max-width: 80%;
    position: fixed;
}

Position:fixed 和 top:0 意味着您的侧边栏被迫贴在页面元素的顶部，在移动视图中，您希望侧边栏堆叠在内容上方或下方。

将此代码更改为以下代码可解决问题：

@media (max-width: 991px)
.sidebar {
    top: auto;
    max-width: 100%;
    position: relative;
}