Css 浏览器/分辨率更改时Wordpress菜单行为

我试图改变我们的网站（）从一个浮动响应主题，以实现静态宽度，这也将解决较低分辨率的平板电脑和显示器

我遇到的问题是顶部导航中的菜单项。父div本身是绝对定位的，但是，由于它们是生成的并且需要彼此相邻，所以这些项是相对定位的。当我试图调整浏览器的大小，或者在Nexus 7上检查分辨率时，这会导致一个问题--->

然后菜单项一个接一个地出现，以填充屏幕

我想实现的是，他们留在一个地方，就像菜单下的“莫扎克”，但我不知道如何做到这一点

---

非常感谢

看看你的basic.css（应该在ubermenu插件中）。几乎所有宽度都以百分比表示

在第758行，您可以找到：

#megaMenu.megaResponsive ul.megaMenu > li { width: 100% }

此外，第862行上还有：

#megaMenu.megaResponsive ul.megaMenu > li { width:50% }

删除两者

第81行至少有以下代码：

#megaMenu.megaMenuHorizontal ul.megaMenu { width: 100% }

将其更改为固定宽度（例如1140px）。现在一切都应该以正确的方式进行

---

如果你使用Firefox，你可以使用Firebug插件，这对寻找这类东西有很大帮助

我刚刚又看了一下你们网站的建设情况。脑袋里有很多css片段，很难跟踪整个过程我刚刚在Galaxy Tab 2 10.1上尝试了你的页面，一切都很好，但在我的iPhone上，它有一个完全不同的响应视图。在你的CSS中似乎有一个媒体查询，它集中在设备上，所以桌面不会显示它，而是显示你的nexus（和我的iphone）。我现在找不到，但我希望这能帮助你。谢谢@Fabi，我现在已经完成了大部分工作。剩下的唯一一件事是，当我在手机上打开桌面站点（分辨率为480x800）时，帖子从右边裁剪而来，我无法找出是什么导致了它。我试图修改标题中的媒体查询，但找不到问题。如果我能在手机上查看页面的源代码，那就容易多了，不幸的是我不能。对于混乱的CSS很抱歉，我正在自定义一个主题，而且我对CSS也很陌生：）。