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

Plugins 如何调整UberMenu中菜单项的宽度,plugins,menu,Plugins,Menu,我在我的网站上安装了Ubermenu插件: 菜单项的宽度太宽。因此,菜单不适合其容器,如下所示: 如何使菜单项的宽度更窄?这更像是一个CSS问题,而不是与Wordpress相关的问题。您的主要问题就在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;} 您需要

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

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


如何使菜单项的宽度更窄?

这更像是一个CSS问题,而不是与Wordpress相关的问题。您的主要问题就在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;}
您需要在此处删除
  • 标记的宽度属性。这将在一行上显示您的菜单

    因此,您将看到以下内容:

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

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

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

    #megaMenu.megaFullWidth
    {
        width:100%;
    }
    


    希望能有所帮助。

    什么是“优步菜单”?顺便说一句:为什么你有一个土耳其政府域名?Ubermenu是一个改进菜单的插件。它有很多特点。这个网站是为一个政府机构设计的。随着它的迁移,这个问题不再重要,但还有更多的问题:封闭源代码插件或付费插件不在WPSE的范围之内。
    #megaMenu.megaFullWidth
    {
        width:auto;
    }