侧边栏小工具在移动模式下覆盖内容，我如何修复它？

时间：2017-02-22 作者：Rodrigo de Oliveira

我正在通过修改WordPress上令人眼花缭乱的主题来构建一个网站，而我对侧边栏小部件（文本）有问题。以下是该网站的链接：http://theaerospecialist.com/

该网站在整个窗口中运行良好，但当我尝试将窗口还原为一个小尺寸时，或者当我从智能手机中将其可视化时，侧边栏会覆盖主要内容。

下面是它在调整大小的窗口中的外观：enter image description here

正如您所看到的，侧栏中第一个小部件的内容覆盖了博客内容。我试图禁用第一个小部件，但随后下一个小部件的内容在第一个小部件上被拉伸。我怎样才能解决这个问题？你知道我应该用WordPress编辑器查看哪个文件吗？

1 个回复
最合适的回答,由SO网友:Arsalan Mithani 整理而成

这是css问题，对其应用一些css，当浏览器窗口小于800px时，可以执行以下操作它将隐藏该div的溢出，您也可以简单地应用它，而无需媒体查询。

将此添加到style.css

@media only screen and (max-width: 800px) {
div#box {
    overflow: hidden;
}
}

标签： widgets   css   sidebar   mobile   responsive   小码农  

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s