riplus导航栏增加分类统计教程

一个感觉还实用的美化功能,效果可以看本站二级菜单右边统计

 

第一步:functions.php添加如下函数

暂无优惠

已有11人支付

第二步:app.css添加以下CSS代码,

样式可以更加需要美化一下

/*导航菜单增加分类统计*/
.navnum {
    position: absolute;
    top: 16px;
    left: 70%;
    color: #555;
    border-radius: 5px;
    text-align: center;
    font-family: Calibri;
    background: #eee;
    font-size: 12px;
    min-width: 32px;
}

@media screen and (max-width: 680px) {
    .navnum {
        display: none;
    }
}

 

第三步:

二级菜单居中显示,不太美观。稍微修改下CSS。搜索 .site-navbar .sub-menu li a。590行替换下面代码

.site-navbar .sub-menu li a {
    color: #fff;
    display: flex;
    line-height: 14px;
    padding: 15px 30px;
    align-items: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

 

版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
子佩工作室 » riplus导航栏增加分类统计教程