B2主题顶部导航条美化

最近在给暖岛的b2主题做美化,没想到第一个遇到的问题就是顶部导航条高度问题,b2主题原版的导航条是58px,现在我给它改成86px了,然后问题就来了,滚动滚动条后会有一部分高度无法收回,如下图所示:

经过一阵子的研究,总算是发现了问题所在,也没想到那么简单,这玩意没在JS里,而是在css里,下面分享出来:

步骤一:添加ID,

在header.php的body标签添加下面代码:

id="nuandao"

步骤二:修改CSS文件

CSS文件位置:/b2/Assets/fontend/style.css

.up .site-header-in {
    transform: translate(0,-86px)!important;
}

86px是你想改的高度尺寸,最终效果就是本站现在的样式,不会有一部分高度无法收回。

网页设计

干净简洁的创业公司网站界面设计HTML5前端模板

2020-11-21 17:41:12

B2主题美化

B2主题文章列表模块标题/分类美化

2020-10-8 7:37:24

5 条回复 A文章作者 M管理员
  1. 牧泽

    我在一股项目中也遇到过,我直接改css,硬伤,当时也是头铁,还真就试出来了。?
    部分代码参考(菜单样式二)

    /*禁止滑动*/
    .site.up .site-header-in {
    transform: translate(0,-0px);
    }

    /*隐藏顶栏*/
    .header-banner {
    height: 0px;
    }

    /*隐藏顶部菜单*/
    .header-banner-left .menu {display: none;}

    /*移动端隐藏顶部菜单*/
    @media screen and (max-width: 768px) {
    .header-banner-content .header-banner-left {
    display: none;
    }

    • 暖岛

      我在js找半天,后来发现css里就可以改。。。

    • 看心理

      都是大神啊

  2. 牧泽

  3. 虹先生

    看下怎么弄

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索