使用过我们系统搭建网站的用户一般就会知道，在竹子系统默认的手机端导航中，默认的导航是会像下面截图中转移呈现三条横杆的形式。

最近就有一个客户反馈给我们想要把这个三条横杆改成“”“导航”这个字样，可以更好的引导访问网站的用户点击导航，为此我们的技术人员特意写了一个小代码。

今天小竹子就来告诉大家如何使用这个小代码吧！首先，我们可以在编辑器中将页面切换到手机端

这时可以看到网页里的导航是默认的样式，也就是三条横杆的状态。

然后我们可以点击右侧的这个版块设置，点击进入代码设置里面添加一串小代码，路径依次如下图：

进入代码界面以后我们直接另起一行，添加代码并点击右上角的“应用”按钮保存，就设置完成啦！

最后我们就可以看到，原本这里的三条横杆已经变成了“导航”这两个字了，以下是需要添加的代码：

<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：这里代码中的需要添加的文字，以及字体颜色，字体字号都可以在下图红框中进行修改哦！

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