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

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

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

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

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

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

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

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

  2. 有用,感谢分享!

  3. 感谢分享

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

    • 主题自带

  5. 博主的网站特别棒哦

    • 谢谢 😀

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

    • 新版主题自带

    • euweb

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

购物车
优惠劵
搜索