关于7B2主题的菜单的修改

如题：效果如下

关于7B2主题的菜单双例的修改

演示网站： https://paper.tv/ （打个广告）

第一步：屏蔽菜单右边的下拉箭头

在CSS的第 708行，我是放在子主题上的，代码以下:

/* 隐藏菜单右边的下拉图标*/  
.menu-top #nav-menu li a .iconfont {
    display: none;
}

第二步： LOGO 后加文字

在 inc\functions-templates.php 50行

添加:

echo '<div class="site-des">免费下载最新纸模图纸<br>亲手制作平面到立体的乐趣</div>';

免费下载最新纸模图纸

亲手制作平面到立体的乐趣

在CSS 添加

/*logo后加文字*/

.site-des{
    margin-left: 270px;
    float: left;
    font-size: 8px;
    color:teal;
    margin-top: 8px;
    line-height: 18px;   
}
@media screen and (max-width:670px){
	.site-des{
    display:none  
}
}

菜单右移 ~816行

     .menu-top{
      margin-left:520px

修改主菜单间隔主 style.css ~642行

 .menu-top ul > li{

第三步：导航菜单分栏

/*导航菜单分栏*/
.zrz-menu-in .sub-menu {
    width: 308px;
}
.zrz-menu-in .sub-menu li {
    width: 50%;
    float: left;
}
.zrz-menu-in .sub-menu li a {
    padding: 13px;
}
.zrz-menu-in .sub-menu li a:hover {
    background-color: #e7e7e7;
    margin-right: 0;
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .menu-top {
        margin-left: 0;
    }
    .zrz-menu-in .sub-menu li {
        width: unset;
        float: unset;
    }
    .zrz-menu-in .sub-menu li a {
        padding: 10px;
    }
    .zrz-menu-in .sub-menu li a:hover {
        background-color: #cccccc;
        color: #000;
    }
}

以上只是我的网站修改，其中的数值请自己调整！！！

欢迎来我的小站 [ 纸工场 Paper.TV – 最新的纸模型图纸下载 ] 看看!!!

第一步： 屏蔽菜单右边的 下拉箭头

第二步： LOGO 后加文字

第三步：导航菜单分栏

第一步：屏蔽菜单右边的下拉箭头