知更鸟导航高度调节教程

1,573

知更鸟导航高度调节教程

知更鸟模板用的人也很多，但是有些朋友感觉导航太高，想修改，又不知道从哪里下下手！好了废话不多说。

第一步，打开主题后台定制风格：

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