7B2主题美化之菜单的修改

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

/* 隐藏菜单右边的下拉图标*/  
.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

第三步:导航菜单分栏

/*导航菜单分栏*/
.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;
    }
}



© 版权声明
THE END
喜欢就支持以下吧
点赞0赞赏
分享
评论 抢沙发

请登录后发表评论