子菜单推送父菜单项除了在修改后的WordPress TwentyTwelve中悬停

Question

我正在使用修改版TwentyTweve主题的WordPress网站。

我的工作是修改导航下拉菜单，以便在悬停时显示下拉子菜单时将内容向下推。

问题：当子菜单下拉时，它们会以某种方式将父菜单项分开。

我想强制父项继续存在。非常感谢CSS / WordPress大师的帮助！

Answer 1

在style.css第1515行，你应该找到这些宽度属性：

width: 180px;
width: 12.85714286rem;

这些是指定子菜单宽度和“将父菜单项分开”的属性。

Answer 2

我相信你现在已经解决了一些问题，但我刚刚用自己的网站遇到了这个问题并以完全不同的方式解决了这个问题，所以我想我会分享。

对于子菜单项，我将其宽度设置为0px，文本不要换行。这显示了完整的子菜单文本，并没有推送父项，因为子项有效地具有0px的宽度。此方法还会按下菜单下方的任何内容。

width:0px;
white-space: nowrap;

我的网站是http://alexkatz.me，以防您想要查看。