在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 and top：0表示您的侧边栏被迫停留在页面元素的顶部，在移动视图中，您希望侧边栏堆叠在内容的上方或下方。

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

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