减小WordPress中的下拉菜单宽度

时间:2015-08-31 作者:RajVel N

我使用了下拉菜单。它有两个品牌的列一表另一刀。以前的手表有5列下拉菜单。我已经删除了两列。它现在显示额外的黑色空间。如何删除它?我在创建菜单时使用了菜单全宽。这是我的网站链接

Site LINk

请帮帮我?如何减少额外的黑色空间下拉列表?手表品牌?有什么想法吗?

1 个回复
最合适的回答,由SO网友:certainstrings 整理而成

这是一个css问题。您需要编辑两个选择器。

首先是菜单宽度。它被设置为100%,这就是为什么你会看到黑色空间。在下面编辑此类:

.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown {
    padding: 20px 25px 25px;
    width: 100%; // set this to auto or something smaller than 100%
    left: 0;
    border: 1px solid #eee;
    background: #fff;
}
该菜单中的li标记被设置为可以被5整除,减去一些填充,这就是为什么您会看到18%。因此,您需要更改此选择器:

.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown .container > ul > li {
    width: 18.297%; // change this to 30% and go from there.
}