dux、xiu、justnews主题导航菜单下拉子菜单分列二开

dux

在wp-content/themes/dux/css/main.css中

.site-nav li:hover .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.site-nav li.current-menu-item > a, .site-nav li.current-menu-parent > a{color: #45B6F7;}


后面添加


.site-nav > li.mega2 > .sub-menu{min-width: 330px;left: -50%;padding:15px 6px;line-height: 30px;}
.site-nav > li.mega2 > .sub-menu > li{float: left;width: 33.33333%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 40px;}


然后在wp菜单的主菜单css上添加mega2

xiu

在/www/wwwroot/www.serdarkaya.net/wp-content/themes/xiu/style.css中

.nav li ul > li > a:hover{background-color: #F6F6F6;color: #555;}

后面添加

.nav > li.mega2 > .sub-menu{min-width: 330px;left: 100%;padding:10px 6px;line-height: 30px;}
.nav > li.mega2 > .sub-menu > li{float: left;width: 33.33333%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 35px;}

在网站后台菜单中的css添加mega2

justnews在后台菜单设置下拉风格为高级风格