xiu主题手机端显示侧边栏

Author: 陌小雨Date: 2018-11-06View: 83

最近,有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主题默认的显示方式。