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

avatar 2018年12月11日18:14:10 7 1,445 阅读

知更鸟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;
}
}

 

历史上的今天
十二月
11
avatar

发表评论

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

目前评论:7   其中:访客  5   博主  2

    • avatar 自强不息 6

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

      • avatar MAY网络营销 0

        博主的网站特别棒哦

        • avatar 西西 1

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

            • avatar euweb Admin

              @西西 新版主题自带

                • avatar 西西 1

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