如何解决Wordpress 27 主题制作子菜单分成 2 列
我正在使用 27 个 Wordpress 主题。我试图让子菜单项显示在 2 列中,因为我的主菜单项下有几个。
我尝试在自定义下的“附加 CSS”区域添加以下内容......但没有任何改变。
.sub-menu-columns ul.sub-menu li {
clear: initial;
display: inline-block;
float: left;
width: 50%;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 300px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}
我也试过这个...没有成功...
.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}
我也试过这个...但是子菜单栏变宽了但它仍然没有将项目分成两列...
.sub-menu {
width: 410px;
}
.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
float: left;
margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
float: right;
}
我不知道如何编码,所以这些是我在网上找到的尝试。感谢您的帮助!
解决方法
我找到了这个并尝试了它,它奏效了!
.sub-menu {
columns: 2;
}
我知道这一定很简单,只是我没有看到... 也许这篇文章会对其他人有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。