CSS网站顶部的分类显示弄成三行怎么修改？

顶部菜单分类显示弄成三行怎么修改？

第一步：进入外观来到菜单页面，右上角点击显示选择并勾选css类

第二步：添加一级分类菜单 | 在css类填写 col3? ? （这代表二级显示三行）

第三步：添加二级分类菜单即可显示完成！二级分类css类单可添加圈圈图标

红: hongse

黄: huangse

青: lanse

蓝: lvse

CSS下载：网站顶部的分类显示弄成三行怎么修改？_创心域技术网-专业定制开发-高质量采集技术的网站

第四步：复制以下css代码粘贴到自定义CSS样式代码中保存即可

注意事项！需要菜单保存一次，固定链接保存一次！

css展示：

@media all and (min-width:1200px) {
.col2.menu-item-has-children .sub-menu .menu-item>a {
margin: 0 10px;
font-weight: 400;
}

.col3.menu-item-has-children .sub-menu {
min-width: 400px;
}
.col3.menu-item-has-children .sub-menu .menu-item {
width: 33.33%;
float: left;
}
.col3.menu-item-has-children .sub-menu .menu-item>a {
margin: 0 10px;
font-weight: 400;
}
.lanse::before {
box-sizing: border-box;
content: “”;
width: 12px;
height: 12px;
border-radius: 50%;
position: absolute !important;
top: 50%;

只显示了一小部分！

完整css请前往：网站顶部的分类显示弄成三行怎么修改？_创心域技术网-专业定制开发-高质量采集技术的网站