xiu主题手机端显示侧边栏

最近，有VIP小伙伴问我，我的主题在手机端侧边栏是如何实现的，陌小雨告诉他我改了主题的框架，其实 xiu 主题想在手机端显示侧边栏也是可以实现的，思路就是利用 css 的优先级。我们以 xiu 主题的文章页为例：

只需要将下面的代码加入到 single.php 的第二行，也就是下面即可：

<style>@media (max-width: 560px){
.ui-navtop .sidebar{display:block;margin:0 auto; padding:0 20px !important;width:100%}
}</style>

同理，页面和首页都可以这样来处理。陌小雨就不一一赘述啦！

我们也可以进一步将这个功能写入主题设置里面，加一个开关就好了，需要的时候开启，不需要的时候就保持 xiu 主题默认的显示方式。