竹子建站
建站小教程:将手机端导航修改为文字引导的方法,简单好用哦!
2020-11-03 04:55:00
使用过我们系统搭建网站的用户一般就会知道,在竹子系统默认的手机端导航中,默认的导航是会像下面截图中转移呈现三条横杆的形式。
最近就有一个客户反馈给我们想要把这个三条横杆改成“”“导航”这个字样,可以更好的引导访问网站的用户点击导航,为此我们的技术人员特意写了一个小代码。
今天小竹子就来告诉大家如何使用这个小代码吧!首先,我们可以在编辑器中将页面切换到手机端
这时可以看到网页里的导航是默认的样式,也就是三条横杆的状态。
然后我们可以点击右侧的这个版块设置,点击进入代码设置里面添加一串小代码,路径依次如下图:
进入代码界面以后我们直接另起一行,添加代码并点击右上角的“应用”按钮保存,就设置完成啦!
最后我们就可以看到,原本这里的三条横杆已经变成了“导航”这两个字了,以下是需要添加的代码:

<style>

  .zz-comp-mNav .nav-btn{

    margin-right:10px;

  }

   .zz-comp-mNav .nav-btn::after{

     content:'导航';

     color:#131415;

     font-size:18px;


  }

  .zz-comp-mNav .nav-btn i{

    display:none;

  }

</style>

PS:这里代码中的需要添加的文字,以及字体颜色,字体字号都可以在下图红框中进行修改哦!

好啦,今天的教程就到这里了,大家下期再见吧!