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