如何调整UberMenu中菜单项的宽度

Question

我在我的网站上安装了Ubermenu插件：

aep.gov.tr

菜单项的宽度太宽。因此，菜单不适合其容器，如下所示：

如何使菜单项的宽度变窄？

Answer 1

这更像是与Wordpress相关的CSS问题/问题。你的主要问题是你的style.css第36行：

.navigation ul li a{display:block; float:left; color:#666; text-decoration:none; padding:15px 0 0 0; height:28px; width:130px;}

您需要在此处删除<li>标记的width属性。这将使您的菜单在一行上。

所以你将拥有的是：

.navigation ul li a{display:block; float:left; color:#666; text-decoration:none; padding:15px 0 0 0; height:28px;}

我建议您使用宽度属性和高度属性来强制菜单看起来正确。另一个建议是使用Firebug for Firefox或Google Chrome来帮助调试CSS问题。它可以帮助您快速找到它们。

Answer 2

转到 admin.css 文件并注意您可能会失去保修，请更改以下内容：

#megaMenu.megaFullWidth
{
    width:100%;
}

到

#megaMenu.megaFullWidth
{
    width:auto;
}

希望它会有所帮助。