知更鸟导航高度调节教程

  • 884

知更鸟导航高度调节教程

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

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

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

adminlong
  • 本文由 发表于 2020年11月29日21:58:57
  • 转载请务必保留本文链接:https://www.sthz.net/bzndhgd/2847.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: