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;
}
}