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

Question

我正在尝试从浮动的响应主题更改我们的网站（www.enyx.sk），以实现静态宽度，这也可以解决分辨率较低的平板电脑和显示器。

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

然后菜单项出现在另一个下面，以填充屏幕。

我想要实现的是他们留在菜单下的“mozaic”这样的地方，但我无法弄清楚如何做到这一点。

非常感谢

Answer 1

看看你的basic.css（应该在ubermenu-plugin中）。几乎所有宽度都以百分比给出。

在第758行，您可以找到：

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

此外，在第862行还有：

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

删除两者。

至少在第81行有以下代码：

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

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

如果你使用Firefox，你可以使用附加的Firebug，这是一个很大的帮助，寻找这种东西。