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

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

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

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

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

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

  1. /*主导航高度*/
  2. #menu-container {
  3. height: 55px;
  4. }
  5. #masthead { /** 控制头部整个高度 **/
  6. height: 90px;
  7. }
  8. .logo-site, .logo-sites { /** 控制LOGO的上边距 **/
  9. margin: 2px 0 0 0;
  10. }
  11. #site-nav .down-menu li { /** 控制主要菜单高度 **/
  12. height: 55px;
  13. line-height: 55px;
  14. }
  15. .nav-search { /** 控制搜索按钮上边距 **/
  16. margin: 15px 0px 0 10px;
  17. }
  18. @media only screen and (max-width: 900px) {
  19. #menu-container {
  20. height: 40px;
  21. }
  22. #masthead {
  23. height: 40px;
  24. }
  25. #menu-box {
  26. height: 40px;
  27. }
  28. .logo-site, .logo-sites {
  29. margin: 2px 0 0 10px;
  30. }
  31. .nav-search {
  32. margin: 5px 10px 0 0;
  33. }
  34. }

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。本平台允许游客进行支付操作,但为了确保更好的支付体验和服务,我们强烈建议游客在登录后再进行支付。登录后,您可以前往个人中心方便地查询和管理您的订单。官方客服

11 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
  1. 博主你好,想请教一下手机移动端的文章列表显示异常,换了几个浏览器都是异常的。但是用同一个浏览器查看博主你的移动端,文章列表显示是正常的,这个要怎么解决啊?我是小白,麻烦说详细一点,谢谢!对比截图:https://share.weiyun.com/50NnIB7
    https://share.weiyun.com/5cTQaAe

    • 清空缓存试试,可以在电脑上弄成手机模式,审核元素修改一下样式代码看看

  2. 有用,感谢分享!

  3. 感谢分享

  4. 这个历史上的今天是怎么弄得,主题自带的功能吗?

    • 主题自带

  5. 博主的网站特别棒哦

    • 谢谢 😀

  6. 博主你好,你这个导航固定是怎么弄的?原版的滚动鼠标就没见了

    • 新版主题自带

    • 艺优网络

      原来是这样,不过我修改了js文件,已经弄好了。谢谢博主

  • 回到顶部

联系方式

代下服务

系统运维