有很多方法可以做到这一点。这是因为position: absolute
在侧边栏上,容器使其与页脚重叠。
尝试使用此CSS覆盖。这是一种静态解决方案:
body.single .hentry // Selects the single posts
{
min-height: 2000px; // Set this according to the height of the sidebar
}
这是一个更好的解决方案:
只使用较大的设备宽度,因为下面的CSS将重组移动设备元素,以避免我们可以设置media-queries
@media (min-width: 992px) {
#main {
overflow: hidden;
}
#primary.content-area {
float: left;
}
.site-main .sidebar-container {
position: relative;
float: right;
width: 25%;
height: auto;
padding: 0 15px;
}
}