css - 浏览器/分辨率更改上的 Wordpress 菜单行为

Question

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

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

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

我想要实现的是它们像菜单下的“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，这对寻找这类东西有很大帮助。