css - 如何修复响应式设计中的菜单栏

Question

我的菜单栏在 IE 和 Firefox 中表现异常，但在 Google Chrome 中显示正常且符合设计

网址是http://bit.ly/1waPylP

如何修复菜单栏 block 以使最后一个菜单项 -- 联系我们 -- 出现在菜单 block 中？

感谢您的帮助。

Answer 1

ul 标签内的元素不适合一行。尝试减少每个 li 元素的宽度。您可以通过减少 li 标签的 padding-right 或 padding-left 来做到这一点:

自定义样式.css 第 63 行:

div#headercontainer header#masthead div nav#site-navigation div.menu-main-menu-container ul#menu-main-menu li.menu-item{
    background-image: url("../images/Dividing-line-menu.png");
    background-position: right top;
    background-repeat: no-repeat;
    height: 74px;
    margin-left: 0px;
    padding: 20px 33px 20px 24px;
}