WordPress知更鸟主题Begin导航高度修改教程

知更鸟Begin这款主题很好用,但是就是导航的高度显得宽了些,并不是很美观,以下是调整的教程。

WordPress知更鸟主题Begin导航高度修改教程 技术分享 第1张

第一步,打开主题后台定制风格:

WordPress后台/外观/主题选项/定制风格

第二步,添加以下CSS代码(自己修改相关参数)

/*主导航高度*/  #menu-container {  height: 55px;  }  #masthead { /** 控制头部整个高度 **/  height: 90px;  }  .logo-site, .logo-sites { /** 控制LOGO的上边距 **/  margin: 2px 0 0 0;  }  #site-nav .down-menu li { /** 控制主要菜单高度 **/  height: 55px;  line-height: 55px;  }  .nav-search { /** 控制搜索按钮上边距 **/  margin: 15px 0px 0 10px;  }  @media only screen and (max-width: 900px) {  #menu-container {  height: 40px;  }  #masthead {  height: 40px;  }  #menu-box {  height: 40px;  }  .logo-site, .logo-sites {  margin: 2px 0 0 10px;  }  .nav-search {  margin: 5px 10px 0 0;  }  }

 

参与评论