首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >减少Wordpress中的下拉菜单宽度

减少Wordpress中的下拉菜单宽度
EN

WordPress Development用户
提问于 2015-08-31 09:23:17
回答 1查看 1.6K关注 0票数 1

我用了下拉菜单。它有两个牌子的柱子,一个手表另一把刀。以前的表有5列下拉超级菜单。我删除了两列。现在显示出额外的黑色空间。怎么移除它?我在创建菜单时使用了全宽度菜单。这是我的网站链接

站点链路

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

EN

回答 1

WordPress Development用户

回答已采纳

发布于 2015-09-01 05:08:28

这是css的问题。你需要编辑两个选择器。

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

代码语言:javascript
运行
复制
.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%。因此,您需要更改这个选择器:

代码语言:javascript
运行
复制
.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.
}
票数 1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/200227

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档