侧边栏在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;
}

位置：固定和顶部：0 表示您的侧边栏被迫粘在页面元素的顶部，在移动视图中，您希望侧边栏堆叠在内容上方或下方。

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

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