如何在响应式设计中修复菜单栏

Question

我的菜单栏在IE和Firefox中表现得很奇怪，但看起来很正常，而且在Google Chrome中设计

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

如何修复菜单栏以获取最后一个菜单项 - “联系我们” - 以显示在菜单栏中？

感谢您的帮助。

Answer 1

ul标签内的元素不适合一行。尝试减小每个li项目的宽度。你可以通过减少li标签的填充右边或填充左边来做到这一点：

custom-styles.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;
}