底部菜单清晰，文字贯穿其中的页脚

Question

我在页面底部的页脚有一个固定的菜单。这很好，但是在我的网站上，如果页面上的文字太长，无法停留在折叠上方，文字就会直接穿过现在清晰的页脚。奇怪的是，菜单上的下拉菜单的背景是白色的，而页脚中的其他菜单仍然是透明的。页面文本应该在页脚上方整体滚动，页脚可以是白色而不是透明的。这里是网站上的一个页面，它显示了这一点。

http:/lallabee.comwordpress?page_id=373

我用来固定底部菜单的代码是这样的。

body {
overflow: scroll;
}

#colophon {
bottom: 0;
font-size: 13px;
height: 35px;
position: fixed;
padding: 0 30px;
margin-bottom: 65px;
width: 100%;
}

我使用的是WordPress的Decode主题。

如果您能提供任何帮助，我将非常感激。

Answer 1

谢谢你的帮助! 这是我最后用的能用的代码。我希望它能帮助别人。我增加了高度，使我所有的菜单按钮都能在移动端出现。

body {
     overflow: scroll;
}

#colophon {
     background: white;
     bottom: 0;
     font-size: 13px;
     height: 57px;
     position: fixed;
     padding: 0 30px;
     margin-bottom: 0;
     width: 100%;
}

.entry-content {
     padding-bottom: 30px;
}